# Storyblok

> Why we build on Storyblok: component-based headless content with real visual editing, live preview and strong localisation. Where it fits versus Sanity.

URL: https://www.smartastudio.com/stack/cms/storyblok

_Headless content with genuine visual editing._

Storyblok is our pick when marketing wants to build and rearrange pages visually without a developer in the loop, but the build still needs to be headless and fast.

## What it is

Storyblok is a component-based headless CMS with a visual editor that renders a live preview of the actual front end. Editors assemble pages from reusable "bloks", and content is delivered through a versioned Content Delivery API with built-in localisation and image optimisation.

## Why we build on it

It closes the gap that pure headless usually opens: editors get real visual editing and instant preview, while we keep a modern decoupled front end. Nestable components, per-field localisation and a clean asset pipeline make it strong for marketing teams that publish often and manage several locales.

## Editor & developer experience

For editors, Storyblok is the closest headless gets to composing a page the way you would in a page builder — except the preview is the real front end, not an approximation. You click a component on the live page, edit it in the side panel, drag blocks to reorder them, and watch the actual site update as you type. For marketing teams that publish weekly and manage several locales, that autonomy is the whole point: they ship campaigns without a developer in the loop, and per-field translation keeps every region on the same content model.

For developers, it stays properly decoupled. Content is delivered over a versioned Content Delivery API, components (“bloks”) are typed and nestable, and the visual editor is wired up by exposing a preview bridge — a well-documented, predictable job. The trade is that the editing experience shapes how you model content: you design bloks that make sense to compose visually, which is a discipline, not a limitation, once the team agrees on the kit.

## Where it earns the shortlist

Storyblok earns the shortlist the moment a marketing team says they want to build and rearrange pages themselves without raising a ticket. It is the strongest visual-editing story in headless: real live preview, nestable components and per-field localisation that scales across regions. Reach for it on campaign-heavy, multi-locale marketing estates where editor autonomy matters more than deep relational content modelling.

## Best for

- Marketing teams that want to compose and reorder pages themselves
- Multi-locale sites where editors need autonomy per region
- Campaign-heavy sites with frequent, self-served publishing

## Choose it when

- **Marketing wants to build pages** — Visual, drag-and-drop composition against a live preview of the real front end.
- **You publish often and self-serve** — Campaign and landing-page churn without a developer on every change.
- **You run several locales** — Field- and folder-level translation gives each region genuine autonomy.
- **You still want headless and fast** — A decoupled front end in Next.js or Astro, delivered over a versioned API.

## Look elsewhere when

- **Content is deeply relational** — Product-like, reused-everywhere content is usually cleaner in Sanity.
- **No one will edit visually** — If a small team rarely touches pages, the visual editor is overhead you do not need.
- **It is a simple brochure site** — A handful of static pages does not need a block-based content model at all.

## Watch-outs

The visual-editing model is a real strength but also a constraint — deeply relational, product-like content is often cleaner in Sanity. As with any block-based system, discipline in how components are designed keeps it from sprawling.

## Pricing, in plain terms

Storyblok has a free tier that suits small sites and prototypes, then paid plans priced on seats, features and usage as a team grows. For a typical marketing team it lands as a predictable monthly cost — more than a raw open-source CMS, less than enterprise incumbents — and we size the plan to the number of editors and locales you actually run rather than the top tier.

- **Free tier:** Yes — for small sites
- **Paid from:** ~£90/mo
- **Model:** Seats + features + usage

## At a glance

- **Type:** Headless CMS with visual editor
- **Content model:** Nestable components ("bloks")
- **Localisation:** Field- and folder-level
- **Best paired with:** Next.js or Astro

## The SmartaStudio take

Storyblok is the CMS we reach for when the person editing the site is a marketer, not a developer, and they want to own the page without asking us first. The visual editor is genuinely good and the localisation is better than most. The honest caveat is that it nudges you toward composing pages from blocks — brilliant for landing pages and campaigns, less natural for deeply structured, product-like content, where we would point you at Sanity instead. Pick it for editor autonomy; pick Sanity when the content model is the real work.