Build an Event App with Vue.js, Gridsome & Strapi.js

Overview

Learn to build a virtual events platform using Vue.js, Gridsome, and Strapi.js in this comprehensive tutorial. Explore the Strapi API, understand Gridsome's capabilities and setup process, and implement key features like top navigation, event display and filtering, and search functionality. Gain hands-on experience with GraphQL data layer, Vuetify integration, and Gridsome templates while creating a fully functional event application.

Syllabus

- Intro.
- Project Demo.
- Strapi API.
- What is Gridsome?.
- Gridsome FAQ.
- Gridsome Setup.
- GraphQL Data Layer.
- Setting up Vuetify.
- Implementing Top Navigation.
- Displaying & Filtering Events.
- Gridsome Templates.
- Searching for Events.
- Wrap Up.