Autoplay
Autocomplete
Previous Lecture
Complete and Continue
Gatsby JS & Prismic: Build RAPID Gatsby sites in 2022
Introduction & setup
1. Course intro (5:10)
2. Create the Gatsby project (4:27)
3. Setting up Prismic (4:44)
4. Link Gatsby to Prismic (6:44)
5. Using the Graphiql tool (4:20)
Page generation and Rich Text
6. Generate pages based on file system route api (5:04)
7. Rendering title field using rich text component (7:03)
8. Rendering rich text field using rich text component (3:43)
Navigation
9. Create and query for the navigation (9:40)
10. Rendering and styling the navigation (8:47)
Slices
11. Creating the homepage and hero slice (6:39)
12. Rendering the homepage and hero slice (9:53)
13. Finishing the hero component (7:07)
GP_-_14_-_Creating_the_Call_To_Action_slice (9:13)
GP_-_15_-_Finishing_the_Call_To_Action_component (8:18)
GP_-_16_-_Creating_the_Price_Options_slice (8:01)
GP_-_17_-_Finishing_the_Price_Options_component (9:48)
Contact page and form
18. Create the contact page and contact form slice (8:37)
19. Finishing the contact form (11:01)
Finishing touches
20. Search engine optimisation (9:14)
21. Rich Text slice and component (6:53)
22. Handling internal links in Rich Text (3:54)
1. Course intro
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock