Traversy Media | Build an Event App with Vue.js, Gridsome & Strapi.js @TraversyMedia | Uploaded August 2020 | Updated October 2024, 1 hour ago.
We will build a virtual events platform using the Vue.js static site generator, Gridsome and Strapi.js for our backend
Faraday Academy YouTube Channel:
youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA
Code:
github.com/gwenf/gridsome-strapi-tutorial
Strapi Crash Course:
youtube.com/watch?v=6FnwAbd2SDY
π Support The Channel!
patreon.com/traversymedia
Website & Brad Traversy Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
facebook.com/traversymedia
Timestamps
0:00 - Intro
0:44 - Project Demo
1:26 - Strapi API
10:50 - What is Gridsome?
13:38 - Gridsome FAQ
16:41 - Gridsome Setup
22:42 - GraphQL Data Layer
29:08 - Setting up Vuetify
35:08 - Implementing Top Navigation
43:42 - Displaying & Filtering Events
1:11:01 - Gridsome Templates
1:20:59 - Searching for Events
1:28:03 - Wrap Up
We will build a virtual events platform using the Vue.js static site generator, Gridsome and Strapi.js for our backend
Faraday Academy YouTube Channel:
youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA
Code:
github.com/gwenf/gridsome-strapi-tutorial
Strapi Crash Course:
youtube.com/watch?v=6FnwAbd2SDY
π Support The Channel!
patreon.com/traversymedia
Website & Brad Traversy Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
facebook.com/traversymedia
Timestamps
0:00 - Intro
0:44 - Project Demo
1:26 - Strapi API
10:50 - What is Gridsome?
13:38 - Gridsome FAQ
16:41 - Gridsome Setup
22:42 - GraphQL Data Layer
29:08 - Setting up Vuetify
35:08 - Implementing Top Navigation
43:42 - Displaying & Filtering Events
1:11:01 - Gridsome Templates
1:20:59 - Searching for Events
1:28:03 - Wrap Up