The Storyblok Gatsby Ultimate Tutorial
In this tutorial series, you will learn how to build a headless website using Storyblok and Gatsby. Starting with the fundamental integration of Storyblok in Gatsby, more advanced functionalities are explained in bite-sized content pieces, such as dynamic page rendering, dynamic menus, custom components, multilingual content and more.
You can switch between the different branches of this repository; there is one branch for each tutorial part. Alternatively, you may want to check out the live demos on StackBlitz. You can even replicate the corresponding Storyblok space for each of the tutorial parts in order to explore its exact configuration.
Tutorial Parts
Part 1
- Tutorial: Add a headless CMS to Gatsby in 5 minutes
- Branch: part-1
- Storyblok space: Create your own copy
Part 2
- Tutorial: Render Storyblok Stories Dynamically in Gatsby
- Branch: part-2
- Storyblok space: Create your own copy
Part 3
- Tutorial: Create Dynamic Menus in Storyblok and Gatsby
- Branch: part-3
- Storyblok space: Create your own copy
Part 4
- Tutorial: Create Custom Components in Storyblok and Gatsby
- Branch: part-4
- Storyblok space: Create your own copy
Part 5
- Tutorial: Create and Render Blog Articles in Storyblok and Gatsby
- Branch: part-5
- Storyblok space: Create your own copy
Part 6 - Coming soon
- Tutorial: Manage Multilingual Content in Storyblok and Gatsby
- Branch: part-6
- Storyblok space: Create your own copy