Awesome Storyblok

A curated list of awesome things related to Storyblok CMS. 😏 .

The Only Headless CMS with a Visual Editor.

Contents

• Official Resources
• Community
• Tutorials
• Starter Template
• Tools
• Projects built with Storyblok
• Ambassadors

Official Resources

• Official Docs
• Content Delivery API
• Management API
• Changelog
• Storyblok Status - Status of the services provided by Storyblok.
• Uptime - Monitors the uptime of the APIs.

Community

• Twitter
• Discord
• Youtube
• Twitter Changelog - Keep up to date with latest changes on Twitter. (Changelog).
• Chat - Ask us anything in the chat on the storyblok website.

Tutorials

VueJS

• Add a headless CMS to VueJs in 5 minutes

NuxtJS

• The Complete Guide to Build a Full Blown Multilanguage Website with Nuxt.js

NextJS

• The Complete Guide to Build a Full Blown Multilanguage Website with Next.js
• Next.Js Example Blog by Vercel

Starter Template

• 11ty boilerplate - Storyblok 11ty boilerplate made by @christianzoppi.

Tools

• Tool Examples - Our community repository to collect different tools and scripts to enhance the Storyblok workflow.

Field-Types

• Field-Types Examples - Our community repository to collect different field-types to expand the Storyblok app.

Official

• storyblok-nuxt - Multi-threaded generator command for Nuxt.js.

Community

• storyblok-migrate - Migration tool from Storyblok (Import/Export of schemas and content).
• storyblok-rich-text-renderer - Rich Text Renderer for VueJS/NuxtJS.
• storyblok-rich-text-react-renderer - Rich Text Renderer for React.
• storyblok-rich-text-astro-renderer - Rich Text Renderer for Astro.
• sb-mig - CLI for the Management API of Storyblok.
• storyblok-mp-SDK - Kotlin Multiplatform SDK to access the Storyblok API.
• storyblok-java-sdk - Java SDK to access Storyblok API.
• vuestorefront-storyblok-sync - Storyblok integration for Vue Storefront.
• Storyblok typescript generator - Storyblok typescript generator based on components.*.json file.
• Laravel Storyblok - Makes working with Storyblok feel natural in Laravel.
• nuxt-storyblok-queries - Nuxt.js module to simplify queries to the Storyblok API.
• nuxt-storyblok-router - Nuxt.js module to use storyblok routes instead of pages/ directory.
• magento2-storyblok-integration - Magento 2 integration that allows you to create content-rich pages that are easily editable using the Storyblok interface.
• storyblok-toolkit - Batteries-included toolset for efficient development of React frontends with Storyblok.
• C# Storyblok - C# SDK to access Storyblok API.
• storyblok-api-go - Golang SDK to access Storyblok API.
• gatsby-storyblok-image - Gatsby community plugin to enable gatsby-image with Storyblok.
• storyblok-solr-indexer - Indexer script to index Storyblok stories in Apache Solr.
• cloudflare-worker-storyblok-solr-indexer - Cloudflare worker script which runs the Storyblok Solr Indexer which can be triggert via Storyblok webhooks.
• Storyblok Raycast Extension - Manage your Storyblok spaces, their stories, assets, contributors, and activities, from your fingertips with Raycast. View and contribute the sourcecode for this extension here.

Field Plugins

Community

• component-fade-plugin - Plugin for easy 'fade' transition.
• component-fade-plugin-react-consumer - HOC React component which consumes component-fade-plugin returned data.
• storyblok-fieldtype-keyvaluepairs - Plugin for adding Key-Value Pairs of data to a component.

Projects built with Storyblok

• Storyblok - The awesome website of Storyblok (of course).
• SZ Brandstudio - Agency website of SZ Brandstudio.
• Story of AMS - Agency website of Story of AMS.

Ambassadors

• Coming soon

Please don't hesitate to make a PR if you have more resources to share.

License