Oatly
Oatly has taken the plant-based dairy world by storm since the 1990s. To match their hypergrowth recently, the brand rebranded with Storyblok to build 16 global sites in just 2 months.
Retail
The Best CMS for [color]React[/color] with a Visual Editor
The Best CMS for React with a Visual Editor
Start building with Storyblok, a headless CMS with realtime visual editing and on-page collaboration.
Quickly develop your React applications with Storyblok, using our official SDK to retrieve and manage content.
Trusted by developers around the world
Ultimate Framework Tutorials
Develop highly performant websites with React frameworks
Learn how to build full-blown, multilingual websites using Storyblok and React frameworks like Next.js or Gatsby with our complete tutorial series.
Follow bite-sized, easy-to-follow guides, live demos, and in-depth explanations of everything you need to become a master of modern web development with React.
Why Storyblok
Built for components
Storyblok's headless architecture empowers you to work with and adapt to any technology.
Storyblok's approach to modular content and composability is 100% inline with the component-based nature of React applications.
The Visual Editor makes it possible for content editors to create and edit independently. You don't have to handhold users - instead spend your time creating custom components.
React X Storyblok
You can easily integrate Storyblok into your Astro projects with our official SDK.
Headless CMS
Storyblok decouples the content management lifecycle from the development lifecycle, drastically reducing dependencies.
No maintenance
Storyblok does the heavy lifting when it comes to updates and infrastructure. Don't worry, our automatic updates are backwards compatible, thanks to API versioning.
Powerful APIs
Use GraphQL or REST APIs to deliver your content to all platforms and devices at the same time.
Composable architecture
Instead of creating pages from scratch, develop modular content blocks with Storyblok - then quickly mix and match them to create new pages.
Join the eccosystem
Easily integrate with any solution, from eCommerce and localization, to deployment and hosting.
Made with React and Storyblok
-
-
Nissan Motorsports (NISMO)
Read our automotive case study on Nissan Motorsports' journey to a future-forward headless CMS built with Storyblok.Automotive -
Fortnox
From a monolithic CMS to Storyblok, Fortnox was able to launch and run its website with a minimal learning curve and bring editor and developer independence.Finance
Powerful APIs - Extendable Functionalities
APIs ready for your React projects
Storyblok offers different APIs to help you implement the best user experience.
You can use Storyblok's intelligent caching to boost your web performance, while taking advantage of our App Directory to extend the functionality of your React projects.
Your React learning journey with Storyblok starts here
-
Storyblok Discord
Join our supportive community of Storyblok and React developers in the #react channel of our Discord server.
-
Official SDK
Learn how to make the most out of @storyblok/react. Feel free to share your feature requests, issues, or code contributions.
-
Learning Hub
Comprehensive developer guides, API documentation, technology hubs and more.
-
Basic topics
Perfect for anyone just getting started.
-
Your first React and Storyblok project
This demo is built using React: Configure the Storyblok bridge between your Storyblok space and the project.
-
Add a headless CMS to React in 5 minutes
In this tutorial, we’ll look at how we can integrate Storyblok into a React application with the help of @storyblok/react, the official Storyblok React SDK
-
Create a blog website with React.
Get a blog website running with React and Storyblok.
-
GraphQL API with React and Apollo
Learn how to use the Storyblok GraphQL API in React Apps.
-
Render dynamic components using React
With React it is easy to render components and layouts by only using their name.
-
-
Advanced topics
Learn more about integrating Storyblok in your projects, and using React frameworks like Next.js and Gatsby.
-
The Storyblok Next.js Ultimate Tutorial
In this tutorial series, you will learn how to build a full-blown, multilingual website using Storyblok and Next.js.
-
The Storyblok Gatsby Ultimate Tutorial
In this tutorial series, you will learn how to build a full-blown, multilingual website using Storyblok and Gatsby.
-
Add Storyblok to Next.js with App Router in 5 minutes
Learn how to add Storyblok to the Next.js app router in this short tutorial.
-
Add Storyblok to Remix in 5 minutes
Learn how to add Storyblok to Remix in this short tutorial
-
Add Storyblok to Preact in 5 minutes
Learn how to add Storyblok to Preact in this short tutorial
-
-
Videos
Watch our recordings and discover how your project could work and look like.
-
How to View and React without a Head
We will talk about the key features of any Headless CMS and how we can integrate a headless platform into our React applications.
-
Learn with Jason - Personalization using Storyblok
Learn with Jason Lengstorf what are the true powers of Storyblok, and how to implement personalization strategies.
-
Go beyond in Jamstack with React & Storyblok
The powerful combination of React.js, GraphQL & Storyblok empowers your content creators & marketers to experiment with content without fear.
-
-
Tool & Plugins
From developers for developers, extend and add functionalities to your Storyblok project.
-
React SDK
The React plugin you need to interact with Storyblok API and enable the Real-time Visual Editing Experience.
-
Rich Text Renderer for React
Open-source component to render Storyblok rich text content to React elements.
-
CLI for the Management API
Use this CLI to access the Storyblok management API.
-
Start building with React and Storyblok
Experience why Storyblok is scientifically proven to bring joy (to at least 83% of users).