This repository includes the complete codebases that accompany tutorials created by Storyblok's documentation and community teams.
A central hub for learning materials, it includes step-by-step tutorials and integration examples that help developers explore Storyblok and its ecosystem.
The projects in this repository demonstrate what's possible with Storyblok: how to build, deploy, integrate, and migrate your website. Directories are organized by these use cases and follow the action/topic-tech name pattern.
This means that you can find the code for the tutorial Integrate Algolia Search into Storyblok with Astro in the integrate/algolia directory, and the code for the tutorial Build a GEO-ready website with Storyblok and Astro in the build/geo-astro.
Tip
Storyblok offers mature SDKs for popular frontend frameworks. Feel free to adapt the code examples to the framework or programming language of your choosing.
What can you find in each directory:
| Directory | Description |
|---|---|
| Build | Tutorials focused on building with Storyblok. These examples aren't tied to any specific integration and cover best practices and fundamental web development. |
| Deploy | Tutorials that teach you how to deploy your Storyblok project to different hosting services. This is where you find platform-specific examples. |
| Integrate | Tutorials that help you integrate Storyblok with third-party tools. Some examples cover Storyblok's official apps and plugins, while others focus on standalone services. |
| Migrate | Tutorials that guide you through a migration process from other content management systems to Storyblok. Some examples also include custom tooling to export data from the target CMS. |
To clone individual projects, open the tutorial directory and follow the instructions in the `README' file, which includes setup information, links, and relevant details.
Explore these tutorials to learn how to take advantage of Storyblok's native features, use it as inspiration for your own project, or compare different implementation approaches.
- Integrate Algolia Search into Storyblok with Astro
- Bulk update AI-generated meta fields
- Build a GEO-ready website with Storyblok and Astro
- Master SEO with Storyblok and Astro
- Build a Multilingual Website with Storyblok and Astro
- Build a Regionally Localized Website with Storyblok and Astro
- Build Accessible Websites with Storyblok and Astro
- Migrating a Blog Site from Contentful to Storyblok
- Bring your Storyblok data into Claude by coding an MCP server
- Integrating ElevenLabs AI Text to Speech with a Headless CMS
Tip
No Storyblok account yet? Sign up now to experience a 14-day free trial of all features.