storyblok

Welcome to Storyblok

Storyblok is a visual CMS that works with any framework. Integrate with any app, frontend, or framework. Publish anywhere with an API-first backend. Storyblok’s industry-leading Visual Editor makes it easy for marketing teams to independently create, edit, and collaborate.

Getting Started

Kickstart a new project

Are you eager to dive into coding? Follow these steps to kickstart a new project with Storyblok and your framework of choice, and get started in just a few minutes.

Ultimate Tutorials

Are you looking for a hands-on, step-by-step tutorial? Our Ultimate Tutorial Series has you covered. It provides comprehensive instructions on building a complete, multilingual website using Storyblok and your framework of choice from start to finish.

• The Storyblok Next.js Ultimate Tutorial
• The Storyblok Nuxt Ultimate Tutorial
• The Storyblok Astro Ultimate Tutorial
• The Storyblok Remix Ultimate Tutorial
• The Storyblok SvelteKit Ultimate Tutorial
• The Storyblok Laravel Ultimate Tutorial

Try it out for free

Why Storyblok?

• Work with any technology: Storyblok’s headless, API-first CMS architecture empowers developers to work with any technology and integrate with any third-party solution.
• Scale without limits: Storyblok monitors your applications and automatically scales performance to ensure optimal efficiency and performance.
• Flexible data schemas: Storyblok's component-based approach gives you full control over your content structure. You can define your own custom data models with nestable components that can be reused across all your projects.
• Publish faster: Marketing and content teams work faster with a Visual Editor enabling them to work independently. No more content tickets in your backlog.
• Enterprise security: Ensure data security using one of the most secure, enterprise-grade CMSs available on the market. Storyblok is ISO 27001 certified.
• Deliver Better Experiences: Personalize content experiences for different markets, languages, or audience segments using Storyblok's built-in localization tools, or integrate with any third-party solution through API-first integrations.

How it works

A Headless CMS is a back-end-only content management system (CMS) built from the ground up as a content repository that makes content accessible via APIs.

A basic headless CMS Architecture:

Storyblok CMS architecture:

Key Features

Composable Architecture:

• APIs: Work with any frontend or third-party integration with GraphQL, REST, and Management API.
• Flexible backend: As a headless content management system, Storyblok can manage and serve content for any app or site.
• Apps: Add extra functionalities to your space through a suite of custom apps available for free on the Storyblok App Directory, or build your own.
• Composable components: Easily define new nestable blocks (such as a hero, grid, or button) or content type blocks (such as an article, landing page, or product page). Create once, reuse everywhere. The limit is your imagination. Learn more.

Streamline Workflows:

• Visual editing interface: Storyblok enables non-technical users to build and edit JSON structures with an easy-to-use visual interface. Learn more.
• Component Library: Find, access, and edit components directly from the Visual Editor making it easier for teams to collaborate.
• Collaboration workflows: Publish faster with inclusive collaboration workflows that give anyone on the team a simple way to make a suggestion or take action.

Audience Experiences:

• Image Service: Make apps and websites faster by Transforming, optimizing, and caching images in a CDN. Learn more.
• Internationalization: Create personalized content experiences via built-in folder-level and field-level internationalization. Learn more.
• Omnichannel Experiences: Storyblok’s headless architecture enables developers to publish content across any digital channel via APIs. Learn more.

Resources

• Tutorials
• FAQs
• Discord
• Community
• Learning Hub
• Clients
  • PHP Client
  • JavaScript Client
  • Ruby Client
  • Python Client
• SDKs
  • JavaScript SDK
  • React SDK
  • Vue SDK
  • Nuxt SDK
  • Svelte SDK
  • Astro SDK
  • Gatsby SDK
• Storyblok CLI

We are Hiring

• Open Positions
• About Storyblok