![Storyblok CMS: De Complete Handleiding voor Developers [2026]](/_next/image?url=https%3A%2F%2Fmedia.techsy.io%2Ftechsy-io%2Fhero-203-1200x630.webp&w=3840&q=75)
Storyblok is een van de weinige headless CMS-platformen waarbij je contentredacteuren écht kunnen zien wat ze aan het bewerken zijn -- en dat ene kenmerk verandert de hele dynamiek tussen developer en redacteur. Na het ophalen van $80M in een Serie C-ronde en de lancering van workflowautomatisering in maart 2026, is het de moeite waard om goed te begrijpen waar Storyblok sterk in is, waar het tekortschiet en of het past bij je volgende project.
Wat is Storyblok?
Storyblok is een headless CMS met een ingebouwde visual editor, opgericht in 2017 in Linz, Oostenrijk door Dominik Angerer (CEO) en Alexander Feiglstorfer (CTO). Het gebruikt een component-gebaseerde architectuur genaamd Bloks en levert content via REST- en GraphQL-API's. Storyblok wordt gebruikt door Adidas, Tesla en Oatly en heeft in totaal $138M opgehaald via de Serie C-ronde.
Een headless CMS scheidt je content van je frontend -- je beheert content via een API, en je React-, Vue- of Astro-app haalt die op. Dat geldt voor Contentful, Sanity, Strapi en alle andere headless opties. Wat Storyblok onderscheidt, is de visual editor.
We draaien vier productiewebsites op verschillende headless CMS-platformen (waaronder Sanity, dat dit blog aandrijft). Hier is hoe Storyblok scoort op basis van hands-on ervaring: de visual editor vermindert daadwerkelijk het heen-en-weer tussen developers en contentteams. In plaats van dat redacteuren formulieren invullen en vragen "hoe ziet dit er straks uit?", zien ze de echte pagina. Dat is een echte workflowverbetering, geen marketingverhaal.
De kernarchitectuur draait om twee concepten: Stories (je pagina's of contentitems) en Bloks (herbruikbare componenten zoals hero-secties, feature-grids of CTA's). Developers definiëren Blok-schema's, redacteuren slepen ze in Stories. Content bereikt je frontend via de Content Delivery API.
Andere bekende klanten naast Adidas en Tesla zijn Virgin Media O2, dm-drogerie markt, Oatly, Spendesk en Panini. Bekijk voor een uitgebreide vergelijking met alle grote opties onze headless CMS-vergelijking.
Hoe Werkt de Storyblok Visual Editor?
De visual editor van Storyblok laadt je frontend in een iframe en toont bewerkbare gebieden op elk component. Contentredacteuren zien een live preview van precies wat bezoekers te zien krijgen, met klik-om-te-bewerken-functionaliteit op elk Blok. Je hebt de StoryblokBridge JavaScript-bibliotheek nodig in je frontend-applicatie.
Dit is de functie die Storyblok onderscheidt van Contentful's formulier-gebaseerde aanpak, Sanity's schema-as-code-aanpak of het adminpaneel van Strapi. Die CMS-platformen geven redacteuren een formulier met velden. Storyblok geeft redacteuren de echte pagina.
De Iframe-architectuur
Zo werkt het onder de motorkap: wanneer een redacteur een Story opent in het Storyblok-dashboard, laadt de visual editor je frontendapplicatie in een iframe. Storyblok injecteert een _editable-property in de data van elk Blok (alleen bij conceptcontent), en de StoryblokBridge JavaScript-bibliotheek luistert naar wijzigingen. Wanneer een redacteur op een component klikt, communiceert de bridge met het bovenliggende Storyblok-venster om de juiste veldeditor te openen.
Het resultaat? Redacteuren klikken direct op een hero-sectie om de kop te bewerken. Ze slepen een nieuw testimonial-Blok onder de prijzensectie. Wijzigingen zijn direct zichtbaar in de preview. Geen "opslaan en de stagingsite checken"-cyclus.
Een valkuil: de visual editor werkt alleen met conceptcontent, niet met gepubliceerde content. Je preview-URL moet verwijzen naar een versie van je app die conceptdata ophaalt. Dit overrompelt mensen tijdens de setup.
StoryblokBridge Instellen
Hier is een typische setup in een Next.js App Router-project. Je hebt @storyblok/react geïnstalleerd nodig:
// app/components/StoryblokProvider.js
"use client";
import { storyblokInit, apiPlugin } from "@storyblok/react/rsc";
import Hero from "./bloks/Hero";
import FeatureGrid from "./bloks/FeatureGrid";
import CallToAction from "./bloks/CallToAction";
storyblokInit({
accessToken: process.env.NEXT_PUBLIC_STORYBLOK_TOKEN,
use: [apiPlugin],
components: {
hero: Hero,
feature_grid: FeatureGrid,
call_to_action: CallToAction,
},
});
export default function StoryblokProvider({ children }) {
return children;
}Vervolgens wrap je je layout met de provider en gebruik je de StoryblokStory-component voor live bewerking:
// app/[...slug]/page.js
import { StoryblokStory } from "@storyblok/react/rsc";
import { fetchStory } from "@/lib/storyblok";
export default async function Page({ params }) {
const story = await fetchStory(params.slug?.join("/") || "home");
return <StoryblokStory story={story} />;
}De StoryblokStory-component regelt de bridge-verbinding automatisch -- hij registreert de iframe-luisteraar, past _editable-attributen toe op je Bloks en schakelt klik-om-te-bewerken in de visual editor in. Je hoeft dat niet handmatig aan te sluiten.
Storyblok's Component-architectuur (Bloks en Stories)
Storyblok organiseert content met twee kernconcepten: Stories (pagina's of contentitems) en Bloks (herbruikbare componenten zoals hero-secties, feature-grids of CTA's). Developers definiëren Blok-schema's in het Storyblok-dashboard, en redacteuren stellen pagina's samen door Bloks in Stories te slepen.
Denk aan LEGO. Stories zijn de bouwplaten -- de pagina's die je bouwt. Bloks zijn de individuele steentjes -- een hero-sectie, een testimonial-kaart, een prijzentabel. Je bepaalt welke velden elk Blok-type heeft (koptekst, afbeelding, CTA-tekst), en redacteuren klikken ze in elkaar.
Stories: Je Contentitems
Elke pagina, elk artikel of contentitem in Storyblok is een Story. Stories leven in een mappenstructuur (vergelijkbaar met een bestandssysteem), en elke Story heeft een slug die overeenkomt met een URL. De body van een Story bestaat uit Bloks -- het is in wezen een container.
Stories kunnen ook niet-pagina-content bevatten. Je kunt een Story "site-instellingen" hebben die je navigatielinks, footertekst en socialemedia-URL's opslaat. De flexibiliteit is vergelijkbaar met hoe je singleton-documenten in Sanity zou gebruiken.
Bloks: Herbruikbare Bouwblokken
Bloks komen in twee varianten: nestbaar en inhoudstype (rootniveau). Inhoudstype-Bloks definiëren het schema op het hoogste niveau voor een Story (zoals "Pagina" of "Blogpost"). Nestbare Bloks zijn de componenten die redacteuren in een Story's body slepen -- hero-secties, afbeeldingsgalerijen, FAQ-accordeons.
Elk Blok heeft een schema dat zijn velden definieert. Je maakt deze aan in het Storyblok-dashboard onder "Components" (niet in code, wat een belangrijk verschil is met Sanity's schema-as-code-aanpak).
Content Modelleren in de Praktijk
Zo ziet een Hero Blok-schema eruit als je het via de Management API definieert:
{
"component": {
"name": "hero",
"display_name": "Hero Section",
"schema": {
"headline": { "type": "text", "required": true, "pos": 0 },
"subheadline": { "type": "textarea", "pos": 1 },
"background_image": { "type": "asset", "filetypes": ["images"], "pos": 2 },
"cta_text": { "type": "text", "pos": 3 },
"cta_link": { "type": "multilink", "pos": 4 }
},
"is_root": false,
"is_nestable": true
}
}En de React-component die dit Blok rendert:
// components/bloks/Hero.jsx
import { storyblokEditable } from "@storyblok/react/rsc";
export default function Hero({ blok }) {
return (
<section {...storyblokEditable(blok)} className="hero">
<div className="hero-content">
<h1>{blok.headline}</h1>
{blok.subheadline && <p>{blok.subheadline}</p>}
{blok.cta_text && (
<a href={blok.cta_link?.cached_url} className="cta-button">
{blok.cta_text}
</a>
)}
</div>
{blok.background_image?.filename && (
<img
src={blok.background_image.filename}
alt={blok.background_image.alt || ""}
/>
)}
</section>
);
}De storyblokEditable(blok)-aanroep is wat klik-om-te-bewerken in de visual editor inschakelt. Zonder die aanroep rendert de component prima, maar kunnen redacteuren er niet op klikken om velden te bewerken. Makkelijk te vergeten, pijnlijk om te debuggen.
Storyblok API's: REST vs GraphQL vs Management
Storyblok biedt drie API's: de Content Delivery API (REST, aanbevolen voor de meeste projecten), een GraphQL API (alleen lezen, handig als je selectief velden wilt ophalen) en de Management API (voor programmatische contentbewerkingen zoals migraties en bulkupdates). Storyblok raadt REST aan voor nieuwe projecten.
De meeste headless CMS-handleidingen slaan de API-laag volledig over. Dat is een vergissing -- de API die je kiest beïnvloedt je buildtijden, cachingstrategie en het speelruimte rondom ratelimieten.
Content Delivery API (REST)
Dit is de primaire API en de API die je 90% van de tijd gebruikt. Hij ondersteunt filteren, sorteren, paginering en het ophalen van relaties tussen Stories. Ratelimieten zijn ruimhartig: 50 verzoeken per seconde op betaalde abonnementen.
// Een story ophalen via de Content Delivery API
const response = await fetch(
`https://api.storyblok.com/v2/cdn/stories/home?version=draft&token=${process.env.STORYBLOK_TOKEN}`
);
const { story } = await response.json();
console.log(story.content); // Jouw Bloks-dataGraphQL API
De GraphQL API is alleen-lezen en heeft andere ratelimieten (100 complexity points per seconde). Hij is handig als je sterke typering wilt en niet de volledige Story-payload nodig hebt -- je kunt precies de velden opvragen die je nodig hebt.
{
PageItem(id: "home") {
name
slug
content {
_uid
component
headline
subheadline
}
}
}Management API
De Management API verzorgt CRUD-bewerkingen op je Storyblok-space: Stories aanmaken, componentschema's bijwerken, assets beheren en migraties uitvoeren. Je gebruikt dit voor CI/CD-pipelines, bulk-contentupdates of het bouwen van aangepaste tooling rondom Storyblok.
Welke API Kies Je?
| Criterium | Content Delivery (REST) | GraphQL | Management |
|---|---|---|---|
| Gebruik | Content ophalen voor je site | Selectieve veldquery's | Contentbewerkingen, migraties |
| Lezen/Schrijven | Alleen lezen | Alleen lezen | Lezen + Schrijven |
| Ratelimieten | 50 req/sec (betaald) | 100 points/sec | 3 req/sec |
| Beste voor | De meeste projecten | Grote contentmodellen | DevOps, CI/CD |
| Storyblok-aanbeveling | Ja -- standaardkeuze | Voor specifieke behoeften | Alleen automatisering |
Voor de meeste Next.js-, Nuxt- of Astro-projecten doet de REST Content Delivery API met storyblok-js-client of de officiële SDK alles wat je nodig hebt. Grijp naar GraphQL als je contentmodel complex is en je diepe geneste structuren ophaalt met veel velden die je niet nodig hebt.
Storyblok Prijzen in 2026
Storyblok-prijzen beginnen met een gratis Starter-abonnement. Betaalde abonnementen beginnen bij $99/maand voor Growth (5 gebruikers). Hogere niveaus zijn Growth Plus, Premium (midmarket) en Elite (onbeperkt). Nieuwe prijzen zijn ingegaan op 7 april 2026, met een 60-daagse overgangsperiode voor bestaande maandabonnees.
Hier is een overzicht van de huidige prijsniveaus:
| Abonnement | Prijs | Gebruikers | API-aanroepen | Belangrijkste functies |
|---|---|---|---|---|
| Starter | Gratis | 1 | 25K/mo | 1 space, community-support |
| Growth | $99/mo | 5 | 100K/mo | Aangepaste rollen, workflows |
| Growth Plus | $189/mo | 10 | 250K/mo | Geavanceerde workflows, taken |
| Premium | Op aanvraag | Flexibel | Op aanvraag | SSO, SLA, dedicated support |
| Elite | Op aanvraag | Onbeperkt | Onbeperkt | FlowMotion, premium SLA |
Storyblok biedt ook een gratis proefperiode van 45 dagen voor Growth Plus -- ongebruikelijk genereus vergeleken met Contentful's proefperiode van 30 dagen of Sanity's gebruik-gebaseerde gratis laag.
De eerlijke kijk op prijzen: Storyblok kan duur worden op grote schaal. Reddit-threads van bureaus vermelden consistent dat de kosten oplopen naarmate projecten groeien -- meer gebruikers, meer API-aanroepen, meer spaces voor multi-site-opstellingen. Als je budgetbewust bent, geven Strapi's gratis self-hosted optie of Payload's open-source model je meer flexibiliteit, maar dan beheer je je eigen infrastructuur.
Voor zijprojecten en prototypes werkt het gratis Starter-abonnement. Voor productieprojecten met 2-5 contentredacteuren is het Growth-abonnement van $99/maand concurrerend. Daarboven vraag je een offerte op bij Storyblok's salesteam -- de gepubliceerde prijzen vertellen slechts een deel van het verhaal.
Wat's Nieuw in 2026: FlowMotion, Blueprints en AI
In 2026 lanceerde Storyblok FlowMotion (31 maart), een workflowautomatiseringslaag gebouwd op n8n met 500+ integraties. Blueprints, gelanceerd in juli 2025, bieden begeleide projectopzet met framework-specifieke starters. AI-functies zijn onder meer AI Translate (34+ talen), Ideation Room voor het bedenken van content, en AI SEO-tools.
Geen van de andere Storyblok-handleidingen dekt deze functies al. Hier is wat er echt uitgeleverd wordt.
FlowMotion: Workflowautomatisering
FlowMotion is Storyblok's antwoord op de knelpunten in contentoperaties. Volgens hun lanceringsbericht besteden 75% van de marketeers wekelijks 6+ uur aan contentcoördinatietaken -- zoals stakeholders informeren, vertalingen triggeren en socialemediaposts inplannen.
FlowMotion is gebouwd op managed n8n (het open-source workflowautomatiseringstool) en verbindt zich met 500+ integraties. Je stelt triggers in op contentgebeurtenissen -- aanmaken, bijwerken, goedkeuren, vertalen, inplannen, publiceren -- en FlowMotion voert de workflow automatisch uit. Stel je voor: een redacteur publiceert een blogpost, en FlowMotion triggert automatisch AI-vertaling in 10 talen, informeert het socialmediateam via Slack en plant een tweet in op X.
Het is een Enterprise/Elite-add-on, dus kleinere teams hebben er geen toegang toe. Maar voor organisaties die content beheren over meerdere markten en kanalen is dit een flinke tijdsbesparing.
Blueprints: Begeleide Projectopzet
Blueprints lossen een echte pijn op: de initiële opzet van een Storyblok-project. Een onderzoek uit 2024 toonde aan dat 24% van de senior developers zegt dat de initiële CMS-projectopzet dagen duurt in plaats van uren.
Storyblok biedt twee Blueprint-niveaus:
- Core Blueprint: Minimale opzet -- verbindt je framework (Next.js, Nuxt of Astro), maakt een space aan en deployt een eenvoudige starter. Goed voor developers die een blanco lei willen.
- Business Blueprint: Productie-klare opzet met voorgebouwde componenten, een geconfigureerd contentmodel en deployment naar Vercel of Netlify. Dichter bij een "launch in 30 minuten"-ervaring.
Je kiest je framework, kiest Core of Business, en Storyblok maakt een gekoppelde GitHub-repo met een deploymentpipeline. Het bespaart echt uren vergeleken met helemaal opnieuw beginnen.
AI-functies: Translate, Ideation Room en Meer
Storyblok's AI-functies werken met een bring-your-own-provider-aanpak. Je koppelt je eigen OpenAI- of Google Gemini API-sleutel, en Storyblok gebruikt die voor:
- AI Translate: Vertaal content naar 34+ talen direct in de editor. Geen vervanging voor professionele vertaling bij kritieke content, maar uitstekend voor concepten en interne content.
- Ideation Room: Collaboratief AI-brainstormen voor contentideeën. Redacteuren beschrijven wat ze nodig hebben, en de AI genereert outlines, koppen en concepten.
- AI Alt Text: Automatisch alternatieve tekst genereren voor afbeeldingen.
- AI SEO: Suggesties voor metatitels en -beschrijvingen op basis van je content.
Het bring-your-own-key-model betekent dat je kosten beheert en vendor lock-in op AI-prijzen vermijdt. Storyblok heeft ook een "Concept Room"-functie in ontwikkeling die brainstormen combineert met visuele contentplanning.
Internationalisatie met Storyblok
Storyblok handelt i18n af via veldniveau-vertaling: je hebt één Story met vertaalde velden voor elke taal in plaats van het hele document te dupliceren per taal. Dit is fundamenteel anders dan Contentful en Sanity, die documentniveau-vertaling gebruiken, en dat maakt verschil op schaal.
Waarom wint veldniveau-vertaling? Denk aan een marketingsite in 10 talen. Met documentniveau-i18n (Contentful, Sanity) heb je 10 aparte documenten per pagina. De layout aanpassen? 10 documenten bijwerken. Met Storyblok's veldniveau-aanpak heb je één Story. De structuur blijft hetzelfde -- alleen de tekstvelden hebben taalvarianten. Eén keer de layout aanpassen, alle 10 talen zijn bijgewerkt.
AI Translate maakt dit nog sneller. Redacteuren schrijven content in hun primaire taal, klikken op "Vertalen", en AI vult de andere talen in via hun gekoppelde OpenAI- of Gemini-provider. Het ondersteunt 34+ talen.
Zo haal je vertaalde content op:
// Een story ophalen in het Duits
const response = await fetch(
`https://api.storyblok.com/v2/cdn/stories/home` +
`?version=published` +
`&language=de` +
`&token=${process.env.STORYBLOK_TOKEN}`
);
const { story } = await response.json();
// story.content bevat nu de Duitse vertalingen
// Onvertaalde velden vallen terug op de standaardtaalDe language-parameter doet al het werk. Onvertaalde velden vallen automatisch terug op de standaardtaal, zodat je nooit een kapotte pagina krijgt door onvolledige vertalingen.
Storyblok vs de Alternatieven
Na het testen van alle vijf CMS-platformen voor onze eigen projecten, hier is hoe ze vergelijken op de functies die er echt toe doen:
| Functie | Storyblok | Sanity | Contentful | Strapi | Payload |
|---|---|---|---|---|---|
| Visual editor | Beste WYSIWYG | Aanpasbare Studio | Formuliergebaseerd | Adminpaneel | Adminpaneel |
| Open source | Nee (SaaS-only) | Gedeeltelijk (Studio) | Nee | Ja (v5) | Ja (v3) |
| Self-hosting | Nee | Nee | Nee | Ja | Ja |
| i18n-aanpak | Veldniveau | Documentniveau | Documentniveau | Via plugin | Ingebouwd |
| Content modelleren | Bloks (dashboard UI) | Schema-as-code (TS) | Content types (UI) | Content-Type Builder | Collection configs (code) |
| API | REST + GraphQL | GROQ + GraphQL | GraphQL + REST | REST + GraphQL | Local + REST + GraphQL |
| Gratis laag | Ja (beperkt) | Ja (royaal) | Ja (beperkt) | Ja (self-host) | Ja (self-host) |
| Ideaal voor | Marketing + devteams | Dev-zware teams | Enterprise contentops | Budgetbewust | Next.js-native apps |
Kies Storyblok als je project zowel developers als niet-technische contentredacteuren omvat die wijzigingen visueel moeten zien. De visual editor staat buiten categorie, en veldniveau-i18n is het beste voor meertalige sites.
Kies Sanity als je team developer-zwaar is en je maximale schemaflexibiliteit wilt. Sanity's schema-as-code-aanpak en GROQ-querytaal geven je meer controle, maar redacteuren krijgen een formuliergebaseerde UI, geen visuele preview. Lees onze Sanity-gids voor het volledige beeld.
Kies Strapi of Payload als je self-hosting of open-source controle nodig hebt. Noch Storyblok, noch Sanity, noch Contentful laat je het CMS op eigen servers draaien. Strapi en Payload wel. Bekijk onze Strapi-gids of onze Payload-gids voor details.
Kies Contentful als je in een enterprise-omgeving zit die ecosysteemvolwassenheid, uitgebreide marketplace-integraties en gevestigde developer-tooling waardeert. Lees onze Contentful-gids.
Bekijk voor de volledige vergelijking met scores en aanbevelingen voor echte projecten onze uitgebreide headless CMS-vergelijking.
Wanneer Gebruik Je Storyblok NIET?
Elk CMS heeft dealbreakers voor bepaalde projecten. Hier zijn die van Storyblok:
Je hebt self-hosting nodig. Storyblok is SaaS-only -- er is geen on-premises optie, geen Docker-image, geen zelf-beheerde deployment. Als je organisatie datasouvereiniteit of on-prem hosting vereist, kijk dan naar Payload voor self-hosted projecten of Strapi.
Je wilt schema-as-code. Storyblok-componentschema's worden gedefinieerd in de dashboard-UI, niet in je codebase. Je kunt ze exporteren en importeren via de Management API, maar ze leven niet in je Git-repo als source of truth. Als versiebeheerde schema's belangrijk zijn voor je team, bieden Sanity en Payload allebei code-first contentmodellering.
Je bent budgetbewust op grote schaal. Storyblok's prijzen werken goed voor kleine tot middelgrote teams. Maar als je 15+ spaces beheert over meerdere merken met tientallen redacteuren, lopen de kosten op. Self-hosted Strapi of Payload elimineren CMS-licentiekosten volledig.
Je team bestaat alleen uit developers. De visual editor is Storyblok's premium functie. Als niemand op je team een visuele preview nodig heeft -- als iedereen JSON kan bewerken of met een formuliergebaseerde UI overweg kan -- betaal je voor een functie die je nooit gebruikt.
Je hebt directe databasetoegang nodig. Storyblok abstraheert zijn opslaglaag volledig. Er is geen Postgres-verbinding, geen SQL-queries, geen directe datatoegang. Als je project aangepaste databasequery's of joins met andere databronnen op databaseniveau vereist, geeft Payload (gebouwd op MongoDB/Postgres) je dat.
Uit onze ervaring met meerdere CMS-platformen schittert Storyblok wanneer developers en contentredacteuren samenwerken aan hetzelfde project. Als je team alleen uit developers bestaat, is de visual editor-premie niet de moeite waard.
Aan de Slag met Storyblok
Het snelste pad van nul naar een werkend Storyblok-project duurt ongeveer 30 minuten met Blueprints, of een uur zonder. Hier is de volgorde:
Stap 1: Meld je aan. Maak een gratis account aan op storyblok.com. Het Starter-abonnement geeft je één space met 25K API-aanroepen per maand -- genoeg voor development en prototyping.
Stap 2: Kies een Blueprint of begin leeg. Als je een vooraf geconfigureerd project wilt, kies je een Blueprint (Core voor minimaal, Business voor productie-klaar). Als je liever zelf bouwt, maak je een lege space aan.
Stap 3: Verbind je frontend. Storyblok heeft officiële SDK's en starters voor Next.js, Nuxt, Astro, SvelteKit, Remix, Angular en Gatsby. Voor een Next.js App Router-project:
npx create-next-app@latest my-storyblok-site
cd my-storyblok-site
npm install @storyblok/reactStap 4: Stel de preview-URL voor de visual editor in. Stel in je Storyblok-space-instellingen de preview-URL in op je lokale dev-server (bijv. https://localhost:3000/). De visual editor heeft HTTPS nodig -- gebruik next dev --experimental-https of een tool zoals mkcert.
Stap 5: Definieer je eerste Blok en maak een Story. Ga naar "Components" in het Storyblok-dashboard, maak een "Pagina"-inhoudstype met een body-veld aan, en maak vervolgens een nestbaar "Hero"-Blok. Maak je eerste Story met het "Pagina"-inhoudstype. Sleep het Hero-Blok erin. Zie het renderen in de visual editor.
Voor framework-specifieke quickstart-handleidingen onderhoudt Storyblok een technologiepagina met setup-tutorials voor elk ondersteund framework. Als je kiest tussen frameworks voor je frontend, behandelt onze Next.js vs Remix-vergelijking de afwegingen, en onze Vercel vs Netlify-gids helpt je bij beslissingen over deploymentplatformen.
FAQ
Wat is Storyblok CMS?
Storyblok is een headless contentmanagementsysteem met een ingebouwde visual editor, opgericht in 2017 in Linz, Oostenrijk. Het gebruikt een component-gebaseerde architectuur genaamd Bloks voor contentmodellering en levert content via REST- en GraphQL-API's. Storyblok wordt gebruikt door bedrijven als Adidas, Tesla en Oatly voor websites, apps en multi-channel contentlevering.
Is Storyblok gratis te gebruiken?
Ja, Storyblok biedt een gratis Starter-abonnement met één gebruiker, één space en 25.000 API-aanroepen per maand. Betaalde abonnementen beginnen bij $99/maand voor de Growth-laag met vijf gebruikers. Storyblok biedt ook een gratis proefperiode van 45 dagen voor Growth Plus, wat genereuzer is dan de proefperioden van de meeste concurrenten.
Hoe werkt de Storyblok visual editor?
De Storyblok visual editor laadt je frontendapplicatie in een iframe en toont bewerkbare gebieden op elk component (Blok). Contentredacteuren klikken direct op pagina-elementen om ze te bewerken en zien wijzigingen in realtime. De StoryblokBridge JavaScript-bibliotheek in je frontendcode is nodig om het iframe te verbinden met de Storyblok-bewerkingsinterface.
Is Storyblok beter dan Contentful?
Dat hangt af van je prioriteiten. Storyblok biedt een superieure visual editor en veldniveau-internationalisatie, waardoor het beter geschikt is voor marketingteams die meertalige content beheren. Contentful heeft een volwassener ecosysteem, een groter marketplace-aanbod aan integraties en een diepere enterprise-adoptie. Beide zijn SaaS-only met vergelijkbare prijsstructuren.
Welke frameworks ondersteunt Storyblok?
Storyblok biedt officiële SDK's en startersjablonen voor Next.js, Nuxt, Astro, SvelteKit, Remix, Angular en Gatsby. De React SDK (@storyblok/react) en Vue SDK (@storyblok/vue) dekken de twee populairste ecosystemen. Blueprints ondersteunen momenteel Next.js, Nuxt en Astro voor begeleide projectopzet.
Kun je Storyblok zelf hosten?
Nee. Storyblok is een SaaS-only platform zonder self-hosting of on-premises optie. Als self-hosting een vereiste is voor je project -- vanwege datasouvereiniteit, compliance of kostenredenen -- overweeg dan Strapi (open-source, Node.js-gebaseerd) of Payload CMS (open-source, Next.js-native) als alternatieven die volledige self-hosted deployments ondersteunen.
Wat is FlowMotion in Storyblok?
FlowMotion is Storyblok's workflowautomatiseringsfunctie, gelanceerd op 31 maart 2026. Gebouwd op managed n8n verbindt het zich met 500+ integraties en automatiseert contentoperaties zoals vertaaltriggers, stakeholder-meldingen en cross-platform publiceren. FlowMotion is beschikbaar als Enterprise/Elite-add-on en niet inbegrepen in Growth- of Growth Plus-abonnementen.
Hoe verwerkt Storyblok internationalisatie?
Storyblok gebruikt veldniveau-vertaling: één Story bevat vertaalde varianten van elk veld in plaats van het hele document per taal te dupliceren. Deze aanpak schaalt beter dan documentniveau-i18n (gebruikt door Contentful en Sanity) voor sites met veel talen. AI Translate ondersteunt 34+ talen via je eigen OpenAI- of Gemini API-sleutel.
Wie gebruikt Storyblok?
Storyblok's klantenlijst omvat Adidas, Tesla, Oatly, Virgin Media O2, dm-drogerie markt, Spendesk en Panini. Het platform bedient zowel enterprise-organisaties die multi-markt contentoperaties beheren als groeiende startups die een visual editor nodig hebben om niet-technische contentteams te ondersteunen. Storyblok heeft in totaal $138M opgehaald via Serie C.
Wat zijn Storyblok Blueprints?
Blueprints zijn begeleide projectopzetsjablonen gelanceerd in juli 2025 door Storyblok. Kies een Core Blueprint (minimale starter) of Business Blueprint (productie-klaar met voorgebouwde componenten). Selecteer je framework -- Next.js, Nuxt of Astro -- en Storyblok maakt in minuten een gekoppelde GitHub-repository met een deploymentpipeline naar Vercel of Netlify.