In this tutorial series, you will learn how to build a headless website using Storyblok and Astro. Starting with the fundamental integration of Storyblok in Astro, 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 Netlify. You can even replicate the corresponding Storyblok space for each of the tutorial parts in order to explore its exact configuration.
- Tutorial: Add a headless CMS to Astro in 5 minutes
- Live demo: View on Netlify
- Branch: part-1
- Storyblok space: Create your own copy
- Tutorial: Render Storyblok Stories Dynamically in Astro
- Live demo: View on Netlify
- Branch: part-2
- Storyblok space: Create your own copy
- Tutorial: Create Dynamic Menus in Storyblok and Astro
- Live demo: View on Netlify
- Branch: part-3
- Storyblok space: Create your own copy
- Tutorial: Create Custom Components in Storyblok and Astro
- Live demo: View on Netlify
- Branch: part-4
- Storyblok space: Create your own copy
- Tutorial: Create and Render Blog Articles in Storyblok and Astro
- Live demo: View on Netlify
- Branch: part-5
- Storyblok space: Create your own copy
- Tutorial: Manage Multilingual Content in Storyblok and Astro
- Live demo: View on Netlify
- Branch: part-6
- Storyblok space: Create your own copy
- Tutorial: Create a Preview Environment for Your Astro Website
- Branch: part-7
- Storyblok space: Create your own copy