Techsy
Kontakt
Kom i gang
Tilbage til blog
guides

Storyblok CMS: Den komplette udviklerguide [2026]

Skrevet af Mert Batur Gürbüz
Apr 6, 2026
16 minutters læsning
Indholdsfortegnelse
Storyblok CMS: Den komplette udviklerguide [2026]

Storyblok CMS: Den komplette udviklerguide [2026]

Storyblok er et af de få headless CMS-systemer, hvor dine indholdsredaktører faktisk kan se, hvad de redigerer, og denne ene funktion ændrer hele dynamikken mellem udviklere og redaktører. Efter at have rejst $80 mio. i Serie C-finansiering og lanceret workflow-automatisering i marts 2026, er det værd at forstå, hvad Storyblok faktisk gør godt, hvor det halter bagefter, og om det passer til dit næste projekt.

Hvad er Storyblok?

Storyblok er et headless CMS med en indbygget visuel editor, grundlagt i 2017 i Linz, Østrig af Dominik Angerer (CEO) og Alexander Feiglstorfer (CTO). Det bruger en komponentbaseret arkitektur kaldet Bloks og leverer indhold via REST- og GraphQL-API'er. Bruges af Adidas, Tesla og Oatly, har Storyblok rejst $138 mio. i finansiering gennem sin Serie C-runde.

Et headless CMS adskiller dit indhold fra din frontend; du administrerer indhold gennem en API, og din React-, Vue- eller Astro-app henter det. Den del er den samme på tværs af Contentful, Sanity, Strapi og alle andre headless muligheder. Det, der gør Storyblok anderledes, er den visuelle editor.

Vi driver fire produktionswebsteder på forskellige headless CMS-systemer (inklusive Sanity, som driver denne blog). Her er hvordan Storyblok sammenlignes baseret på praktisk erfaring: den visuelle editor reducerer genuint frem og tilbage-kommunikationen mellem udviklere og indholdsteams. I stedet for at redaktører udfylder formularer og spørger "hvordan vil dette se ud?", ser de den faktiske side. Det er en reel forbedring af arbejdsgangen, ikke bare et marketingbullet point.

Kernearkitekturen opdeles i to begreber: Stories (dine sider eller indholdsposter) og Bloks (genanvendelige komponenter som hero-sektioner, funktionsgittere eller CTA'er). Udviklere definerer Blok-skemaer, redaktører trækker og slipper dem ind i Stories. Indhold når din frontend gennem Content Delivery API'en.

Bemærkelsesværdige kunder udover Adidas og Tesla inkluderer Virgin Media O2, dm-drogerie markt, Oatly, Spendesk og Panini. For et dybere kig på, hvordan Storyblok står mål med hver større mulighed, tjek vores headless CMS-sammenligning.

Hvordan fungerer Storybloks visuelle editor?

Storybloks visuelle editor indlæser din frontend i en iframe og overlægger redigerbare områder på hver komponent. Indholdsredaktører ser en live forhåndsvisning af præcis, hvad besøgende vil se, med klik-for-at-redigere-funktionalitet på hver Blok. Det kræver, at StoryblokBridge JavaScript-biblioteket er opsat i din frontend-applikation.

Dette er funktionen, der adskiller Storyblok fra Contentfuls formularbaserede tilgang, Sanitys schema-as-code tilgang eller Strapis admin-panel. Disse CMS-systemer giver redaktører en formular med felter. Storyblok giver redaktører den faktiske side.

Iframe-arkitekturen

Sådan fungerer det under motorhjelmen: Når en redaktør åbner en Story i Storyblok-dashboardet, indlæser den visuelle editor din frontend-applikation inde i en iframe. Storyblok injicerer en _editable-egenskab i hver Bloks data (kun på kladdeindhold), og StoryblokBridge JavaScript-biblioteket lytter efter ændringer. Når en redaktør klikker på en komponent, kommunikerer broen med det overordnede Storyblok-vindue for at åbne den korrekte felteditor.

Resultatet? Redaktører klikker direkte på en hero-sektion for at redigere overskriften. De trækker en ny testimonial-Blok ned under prisafsnittet. De ser ændringer afspejlet øjeblikkeligt i forhåndsvisningen. Ingen "gem og tjek staging-sitet"-loop.

En faldgrube: Den visuelle editor fungerer kun med kladdeindhold, ikke publiceret. Din preview-URL skal pege på en version af din app, der henter kladdedata. Dette fanger folk uforberedt under opsætningen.

Opsætning af StoryblokBridge

Her er en typisk opsætning i et Next.js App Router-projekt. Du skal have @storyblok/react installeret:

javascript
// 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;
}

Pak derefter dit layout ind med provideren og brug StoryblokStory-komponenten til at aktivere live-redigering:

javascript
// 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} />;
}

StoryblokStory-komponenten håndterer broforbindelsen automatisk; den registrerer iframe-lytteren, anvender _editable-attributter på dine Bloks og aktiverer klik-for-at-redigere i den visuelle editor. Du behøver ikke at opsætte det manuelt.

Storybloks komponentarkitektur (Bloks og Stories)

Storyblok organiserer indhold ved hjælp af to kernebegreber: Stories (sider eller indholdsposter) og Bloks (genanvendelige komponenter som hero-sektioner, funktionsgittere eller CTA'er). Udviklere definerer Blok-skemaer i Storyblok-dashboardet, og redaktører sammensætter sider ved at trække og slippe Bloks ind i Stories.

Tænk på det som LEGO. Stories er basepladerne, de sider, du bygger. Bloks er de enkelte klodser – en hero-sektion, et testimonial-kort, en pristabel. Du definerer, hvilke felter hver Blok-type har (overskrift, billede, CTA-tekst), og redaktører sætter dem sammen.

Stories: Dine indholdsposter

Hver side, artikel eller indholdspost i Storyblok er en Story. Stories ligger i en mappestruktur (ligesom et filsystem), og hver Story har en slug, der mapper til en URL. En Storys body er sammensat af Bloks; det er essentielt en container.

Stories kan også indeholde ikke-side-indhold. Du kan have en Story kaldet "site-settings", der gemmer dine navigationslinks, footertekst og sociale medie-URL'er. Fleksibiliteten ligner den måde, du ville bruge singleton-dokumenter i Sanity.

Bloks: Genanvendelige byggeklodser

Bloks kommer i to varianter: nestable (indlejrbare) og content type (rod-niveau). Content type Bloks definerer skemaet på topniveau for en Story (som "Page" eller "BlogPost"). Nestable Bloks er de komponenter, redaktører trækker ind i en Storys body – hero-sektioner, billedgallerier, FAQ-akkordeoner.

Hver Blok har et skema, der definerer dens felter. Du opretter disse i Storyblok-dashboardet under "Components" (ikke i kode, hvilket er en nøgleforskel fra Sanitys schema-as-code tilgang).

Indholdsmodellering i praksis

Sådan ser et Hero Blok-skema ud, når du definerer det via Management API'en:

json
{
  "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
  }
}

Og React-komponenten, der renderer denne Blok:

jsx
// 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>
  );
}

storyblokEditable(blok)-kaldet er det, der aktiverer klik-for-at-redigere i den visuelle editor. Uden det renderes komponenten fint, men redaktører kan ikke klikke på den for at redigere felter. Let at glemme, smertefuldt at debugge.

Storyblok API'er: REST vs. GraphQL vs. Management

Storyblok tilbyder tre API'er: Content Delivery API (REST, anbefales til de fleste projekter), en GraphQL API (skrivebeskyttet, nyttig når du har brug for selektiv felthentning) og Management API (til programmatiske indholdsoperationer som migrationer og bulk-opdateringer). Storyblok anbefaler REST til nye projekter.

De fleste headless CMS-guides springer API-laget helt over. Det er en fejltagelse; den API, du vælger, påvirker dine build-tider, caching-strategi og rate limit-headroom.

Content Delivery API (REST)

Dette er den primære API og den, du vil bruge 90 % af tiden. Den understøtter filtrering, sortering, pagination og opløsning af relationer mellem Stories. Rate limits er generøse: 50 anmodninger/sekund på betalte planer.

javascript
// Fetching a story via the 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); // Your Bloks data

GraphQL API

GraphQL API'en er skrivebeskyttet og har forskellige rate limits (100 kompleksitetspoint per sekund). Den er nyttig, når du ønsker stærk typning og ikke har brug for hele Story-payloaden; du kan anmode om præcis de felter, du har brug for.

graphql
{
  PageItem(id: "home") {
    name
    slug
    content {
      _uid
      component
      headline
      subheadline
    }
  }
}

Management API

Management API'en håndterer CRUD-operationer på dit Storyblok-space: oprettelse af Stories, opdatering af komponentskemaer, administration af assets og kørsel af migrationer. Du vil bruge denne til CI/CD-pipelines, bulk-indholdsopdateringer eller til at bygge brugerdefineret værktøj omkring Storyblok.

Hvilken API skal du bruge?

KriteriumContent Delivery (REST)GraphQLManagement
Use caseHentning af indhold til dit siteSelektive feltforespørgslerIndholdsoperationer, migrationer
Læs/SkrivKun læsningKun læsningLæs + Skriv
Rate limits50 req/sek (betalt)100 point/sek3 req/sek
Bedst tilDe fleste projekterStore indholdsmodellerDevOps, CI/CD
Storyblok anbef.Ja, standardvalgTil specifikke behovKun automatisering

Til de fleste Next.js-, Nuxt- eller Astro-projekter håndterer REST Content Delivery API'en med storyblok-js-client eller det officielle SDK alt, hvad du har brug for. Ræk ud efter GraphQL, hvis din indholdsmodel er kompleks, og du henter dybt nestede strukturer med mange felter, du ikke har brug for.

Storyblok-priser i 2026

Storybloks prissætning starter med en gratis Starter-plan. Betalte planer starter ved $99/måned for Growth (5 brugere). Højere niveauer inkluderer Growth Plus, Premium (mellemstore virksomheder) og Elite (ubegrænset). Ny prissætning trådte i kraft den 7. april 2026 med en 60-dages grace-periode for eksisterende månedlige abonnenter.

Her er opdelingen af nuværende prisniveauer:

PlanPrisBrugereAPI-kaldNøglefunktioner
StarterGratis125K/md1 space, community-support
Growth$99/md5100K/mdBrugerdefinerede roller, workflows
Growth Plus$189/md10250K/mdAvancerede workflows, opgaver
PremiumTilpassetFleksibelTilpassetSSO, SLA, dedikeret support
EliteTilpassetUbegrænsetUbegrænsetFlowMotion, premium SLA

Storyblok tilbyder også en 45-dages gratis prøveperiode af Growth Plus, hvilket er usædvanligt generøst sammenlignet med Contentfuls 30-dages prøveperiode eller Sanitys forbrugsbaserede gratis niveau.

Den ærlige vurdering af prissætningen: Storyblok kan blive dyrt i stor skala. Reddit-tråde fra bureauer nævner konsekvent prisstigninger, efterhånden som projekter vokser – flere brugere, flere API-kald, flere spaces til multi-site opsætninger. Hvis du har begrænsede budgetmidler, giver Strapis gratis self-hosted mulighed eller Payloads open-source model dig mere fleksibilitet på bekostning af at administrere din egen infrastruktur.

Til sideprojekter og prototyper fungerer den gratis Starter-plan. Til produktionsprojekter med 2-5 indholdsredaktører er Growth-planen til $99/måned konkurrencedygtig. Derudover skal du indhente et tilpasset tilbud fra Storybloks salgsteam; den offentliggjorte prissætning fortæller kun en del af historien.

Hvad er nyt i 2026: FlowMotion, Blueprints og AI

I 2026 lancerede Storyblok FlowMotion (31. marts), et workflow-automatiseringslag bygget på n8n med 500+ integrationer. Blueprints, lanceret juli 2025, giver guidet projektopsætning med framework-specifikke starters. AI-funktioner inkluderer AI Translate (34+ sprog), Ideation Room til indholdsbrainstorming og AI SEO-værktøjer.

Ingen af de andre Storyblok-guides derude dækker disse funktioner endnu. Her er hvad der faktisk bliver leveret.

FlowMotion: Workflow-automatisering

FlowMotion er Storybloks svar på flaskehalsen i indholdsoperationer. Ifølge deres lanceringsmeddelelse bruger 75 % af marketingsfolk 6+ timer om ugen på koordinationsopgaver for indhold – ting som at underrette interessenter, udløse oversættelser og planlægge sociale medie-indlæg.

FlowMotion er bygget på managed n8n (det open-source workflow-automatiseringsværktøj) og forbinder til 500+ integrationer. Du sætter triggers på indholdsbegivenheder – opret, opdater, godkend, oversæt, planlæg, publicér – og FlowMotion kører workflowet automatisk. Forestil dig dette: En redaktør publicerer et blogindlæg, og FlowMotion udløser automatisk AI-oversættelse til 10 sprog, underretter social media-teamet via Slack og planlægger et Twitter/X-indlæg.

Det er et Enterprise/Elite tillæg, så mindre teams vil ikke have adgang. Men for organisationer, der administrerer indhold på tværs af flere markeder og kanaler, er dette en betydelig tidsbesparelse.

Blueprints: Guidet projektopsætning

Blueprints løser et reelt smertepunkt: den indledende opsætning af et Storyblok-projekt. En undersøgelse fra 2024 fandt, at 24 % af seniorudviklere siger, at indledende CMS-projektopsætning tager dage, ikke timer.

Storyblok tilbyder to Blueprint-niveauer:

  • Core Blueprint: Minimal opsætning, forbinder dit framework (Next.js, Nuxt eller Astro), opretter et space og deployer en basic starter. Godt til udviklere, der ønsker en ren tavle.
  • Business Blueprint: Produktionsklar opsætning med forudbyggede komponenter, en konfigureret indholdsmodel og deployment til Vercel eller Netlify. Tættere på en "launch på 30 minutter"-oplevelse.

Du vælger dit framework, vælger Core eller Business, og Storyblok opretter et forbundet GitHub-repo med en deploymentspipeline. Det sparer genuint timer på boilerplate-opsætning sammenlignet med at starte fra bunden.

AI-funktioner: Translate, Ideation Room og mere

Storybloks AI-funktioner tager en "bring-your-own-provider"-tilgang. Du forbinder din OpenAI- eller Google Gemini-API-nøgle, og Storyblok bruger den til:

  • AI Translate: Oversæt indhold til 34+ sprog direkte i editoren. Ikke en erstatning for professionel oversættelse af kritisk indhold, men fremragende til kladder og internt indhold.
  • Ideation Room: Samarbejdende AI-brainstorming til indholdsidéer. Redaktører beskriver, hvad de har brug for, og AI'en genererer outlines, overskrifter og kladder.
  • AI Alt Text: Automatisk generering af alt-tekst til billeder.
  • AI SEO: Forslag til meta-titel og beskrivelse baseret på dit indhold.

Modellen med egen nøgle betyder, at du styrer omkostningerne og undgår vendor lock-in på AI-prissætning. Storyblok har også en "Concept Room"-funktion under udvikling, der sigter mod at kombinere idégenerering med visuel indholdsplanlægning.

Internationalisering med Storyblok

Storyblok håndterer i18n gennem felt-niveau oversættelse, hvilket betyder, at du har én Story med oversatte felter for hvert sprog i stedet for at duplikere hele dokumentet per sprog. Dette er fundamentalt anderledes end Contentful og Sanity, som bruger dokument-niveau oversættelse, og det betyder noget i stor skala.

Hvorfor vinder felt-niveau oversættelse? Overvej et marketingsite på 10 sprog. Med dokument-niveau i18n (Contentful, Sanity) ville du have 10 separate dokumenter for hver side. Ændr layoutet? Opdater 10 dokumenter. Med Storybloks felt-niveau tilgang har du én Story. Strukturen forbliver den samme, kun tekstfelterne har sprogvarianter. Ændr layoutet én gang, alle 10 sprog opdateres.

AI Translate gør dette endnu hurtigere. Redaktører skriver indhold på deres primære sprog, klikker på "Translate", og AI'en udfylder de andre sprog ved hjælp af deres forbundne OpenAI- eller Gemini-udbyder. Det understøtter 34+ sprog.

Sådan henter du oversat indhold:

javascript
// Fetching a story in German
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 now contains German translations
// Untranslated fields fall back to the default language

language-parameteren gør alt arbejdet. Ikke-oversatte felter falder automatisk tilbage til standardsproget, så du får aldrig en ødelagt side på grund af ufuldstændige oversættelser.

Storyblok vs. alternativerne

Efter at have testet alle fem af disse CMS-systemer til vores egne projekter, her er hvordan de sammenlignes på de funktioner, der faktisk betyder noget for projektbeslutninger:

FunktionStoryblokSanityContentfulStrapiPayload
Visuel editorBedste i klassen WYSIWYGTilpasselig StudioFormularbaseretAdmin panelAdmin panel
Open sourceNej (kun SaaS)Delvist (Studio)NejJa (v5)Ja (v3)
Self-hostingNejNejNejJaJa
i18n tilgangFelt-niveauDokument-niveauDokument-niveauPlugin-baseretIndbygget
IndholdsmodelleringBloks (dashboard UI)Schema-as-code (TS)Indholdstyper (UI)Content-Type BuilderKollektionskonfigs (kode)
APIREST + GraphQLGROQ + GraphQLGraphQL + RESTREST + GraphQLLokal + REST + GraphQL
Gratis niveauJa (begrænset)Ja (generøst)Ja (begrænset)Ja (self-host)Ja (self-host)
Ideel tilMarketing + dev teamsDev-tunge teamsEnterprise indholdsopsBudgetbevidsteNext.js-native apps

Vælg Storyblok hvis dit projekt involverer både udviklere og ikke-tekniske indholdsredaktører, der har brug for at se ændringer visuelt. Den visuelle editor er ubestridt, og felt-niveau i18n er den bedste i klassen til flersprogede sites.

Vælg Sanity hvis dit team er udviklertungt, og du ønsker maksimal skemafleksibilitet. Sanitys schema-as-code tilgang og GROQ-query-sprog giver dig mere kontrol, men redaktører får en formularbaseret UI, ikke en visuel forhåndsvisning. Læs vores Sanity-guide for det fulde billede.

Vælg Strapi eller Payload hvis du har brug for self-hosting eller open-source kontrol. Hverken Storyblok, Sanity eller Contentful lader dig køre CMS'et på dine egne servere. Strapi og Payload gør. Tjek vores Strapi-guide eller vores Payload-guide for detaljer.

Vælg Contentful hvis du er i et enterprise-miljø, der værdsætter økosystemmodenhed, omfattende marketplace-integrationer og etableret udviklerværktøj. Læs vores Contentful-guide.

For den fulde sammenligning med scoring og anbefalinger fra virkelige projekter, se vores fulde headless CMS-sammenligning.

Hvornår du IKKE skal bruge Storyblok

Ethvert CMS har dealbreakers for visse projekter. Her er Storybloks:

Du har brug for self-hosting. Storyblok er kun SaaS; der er ingen on-premises mulighed, intet Docker-image, ingen self-managed deployment. Hvis din organisation kræver datasuverænitet eller on-prem hosting, kig på Payload til self-hosted projekter eller Strapi i stedet.

Du vil have schema-as-code. Storyblok-komponentskemaer defineres i dashboard-UI'en, ikke i din kodebase. Du kan eksportere og importere dem via Management API'en, men de lever ikke i dit Git-repo som kilde til sandhed. Hvis versionskontrollerede skemaer betyder noget for dit team, tilbyder både Sanity og Payload code-first indholdsmodellering.

Du er budgetbegrænset i stor skala. Storybloks prissætning fungerer godt for små til mellemstore teams. Men hvis du kører 15+ spaces på tværs af flere brands med dusinvis af redaktører, løber omkostningerne op. Self-hosted Strapi eller Payload eliminerer CMS-licensomkostninger helt.

Dit team består kun af udviklere. Den visuelle editor er Storybloks premium-funktion. Hvis ingen på dit team har brug for en visuel forhåndsvisning, hvis alle er komfortable med at redigere JSON eller bruge en formularbaseret UI, betaler du for en funktion, du ikke vil bruge.

Du har brug for direkte databaseadgang. Storyblok abstraherer fuldt ud sit lagringslag. Der er ingen Postgres-forbindelse, ingen SQL-queries, ingen direkte dataadgang. Hvis dit projekt kræver brugerdefinerede databasequeries eller joins med andre datakilder på databaseniveau, giver Payload (bygget på MongoDB/Postgres) dig det.

I vores erfaring med at bygge på tværs af flere CMS-systemer, skinner Storyblok, når udviklere og indholdsredaktører samarbejder om det samme projekt. Hvis dit team kun består af udviklere, er premium-prisen for den visuelle editor ikke værd at betale.

Kom i gang med Storyblok

Den hurtigste vej fra nul til et fungerende Storyblok-projekt tager cirka 30 minutter med Blueprints, eller en time uden. Her er sekvensen:

Trin 1: Tilmeld dig. Opret en gratis konto på storyblok.com. Starter-planen giver dig ét space med 25K API-kald/md, nok til udvikling og prototyping.

Trin 2: Vælg en Blueprint eller start blankt. Hvis du vil have et forudkonfigureret projekt, vælg en Blueprint (Core for minimal, Business for produktionsklar). Hvis du foretrækker at bygge fra bunden, opret et tomt space.

Trin 3: Forbind din frontend. Storyblok har officielle SDK'er og starters til Next.js, Nuxt, Astro, SvelteKit, Remix, Angular og Gatsby. Til et Next.js App Router-projekt:

bash
npx create-next-app@latest my-storyblok-site
cd my-storyblok-site
npm install @storyblok/react

Trin 4: Opsæt preview-URL'en til den visuelle editor. I dine Storyblok-space-indstillinger skal du indstille preview-URL'en til din lokale dev-server (f.eks. https://localhost:3000/). Den visuelle editor kræver HTTPS; brug next dev --experimental-https eller et værktøj som mkcert.

Trin 5: Definer din første Blok og opret en Story. Gå til "Components" i Storyblok-dashboardet, opret en "Page" indholdstype med et body-felt, og opret derefter en nestable "Hero" Blok. Opret din første Story ved hjælp af "Page" indholdstypen. Træk Hero Blokken ind. Se den rendere i den visuelle editor.

For framework-specifikke quickstart-guides vedligeholder Storyblok en technologies-side med opsætningstutorials for hvert understøttet framework. Hvis du beslutter dig mellem frameworks til din frontend, dækker vores Next.js vs. Remix sammenligning tradeoffs, og vores Vercel vs. Netlify-guide hjælper med beslutninger om deploymentsplatforme.

FAQ

Hvad er Storyblok CMS?

Storyblok er et headless content management system med en indbygget visuel editor, grundlagt i 2017 i Linz, Østrig. Det bruger en komponentbaseret arkitektur kaldet Bloks til indholdsmodellering og leverer indhold gennem REST- og GraphQL-API'er. Storyblok bruges af virksomheder som Adidas, Tesla og Oatly til websteder, apps og multikanal indholdslevering.

Er Storyblok gratis at bruge?

Ja, Storyblok tilbyder en gratis Starter-plan med én bruger, ét space og 25.000 API-kald om måneden. Betalte planer starter ved $99/måned for Growth-niveauet med fem brugere. Storyblok tilbyder også en 45-dages gratis prøveperiode af Growth Plus, hvilket er mere generøst end de fleste konkurrenters prøveperioder.

Hvordan fungerer Storybloks visuelle editor?

Storybloks visuelle editor indlæser din frontend-applikation inde i en iframe og overlægger redigerbare områder på hver komponent (Blok). Indholdsredaktører klikker direkte på sideelementer for at redigere dem og ser ændringer i realtid. Det kræver StoryblokBridge JavaScript-biblioteket i din frontend-kode for at forbinde iframen til Storybloks redigeringsinterface.

Er Storyblok bedre end Contentful?

Det afhænger af dine prioriteter. Storyblok tilbyder en overlegen visuel editor og felt-niveau internationalisering, hvilket gør det bedre for marketingteams, der administrerer flersproget indhold. Contentful har et mere modent økosystem, et større marketplace af integrationer og dybere enterprise-adoption. Begge er kun SaaS med lignende prisstrukturer.

Hvilke frameworks understøtter Storyblok?

Storyblok leverer officielle SDK'er og starter-skabeloner til Next.js, Nuxt, Astro, SvelteKit, Remix, Angular og Gatsby. React SDK'et (@storyblok/react) og Vue SDK'et (@storyblok/vue) dækker de to mest populære økosystemer. Blueprints understøtter i øjeblikket Next.js, Nuxt og Astro til guidet projektopsætning.

Kan man self-hoste Storyblok?

Nej. Storyblok er en kun-SaaS platform uden nogen self-hosting eller on-premises mulighed. Hvis self-hosting er et krav for dit projekt på grund af datasuverænitet, compliance eller omkostningsårsager, bør du overveje Strapi (open-source, Node.js-baseret) eller Payload CMS (open-source, Next.js-native) som alternativer, der understøtter fulde self-hosted deployments.

Hvad er FlowMotion i Storyblok?

FlowMotion er Storybloks workflow-automatiseringsfunktion lanceret den 31. marts 2026. Bygget på managed n8n forbinder den til 500+ integrationer og automatiserer indholdsoperationer som oversættelsestriggers, underretning af interessenter og cross-platform publicering. FlowMotion er tilgængelig som et Enterprise/Elite tillæg og er ikke inkluderet i Growth- eller Growth Plus-planer.

Hvordan håndterer Storyblok internationalisering?

Storyblok bruger felt-niveau oversættelse, hvilket betyder, at én Story indeholder oversatte varianter af hvert felt i stedet for at duplikere hele dokumentet per sprog. Denne tilgang skalerer bedre end dokument-niveau i18n (brugt af Contentful og Sanity) for sites med mange sprog. AI Translate understøtter 34+ sprog ved hjælp af din egen OpenAI- eller Gemini-API-nøgle.

Hvem bruger Storyblok?

Storybloks kundeliste inkluderer Adidas, Tesla, Oatly, Virgin Media O2, dm-drogerie markt, Spendesk og Panini. Platformen betjener både enterprise-organisationer, der administrerer multi-marked indholdsoperationer, og voksende startups, der har brug for en visuel editor til at bemyndige ikke-tekniske indholdsteams. Storyblok har rejst i alt $138 mio. i finansiering gennem Serie C.

Hvad er Storyblok Blueprints?

Blueprints er guidede projektopsætningsskabeloner lanceret i juli 2025 af Storyblok. Vælg en Core Blueprint (minimal starter) eller Business Blueprint (produktionsklar med forudbyggede komponenter). Vælg dit framework – Next.js, Nuxt eller Astro – og Storyblok opretter et forbundet GitHub-repository med en deploymentspipeline til Vercel eller Netlify på få minutter.

Tags

storyblok-guideheadless-cmsvisuel-editorstoryblokcms

Del denne artikel

Relaterede artikler

Mere fra guides

guides
Jul 18, 2026

Sammenligning af LLM API-priser 2026: Alle store modeller, prissat

En komplet sammenligning af LLM API-priser for 2026 — Claude, GPT-5.6, Gemini, DeepSeek, Qwen, GLM og Mistral prissat side om side per million tokens, direkte fra de officielle prissider.

12 min read minutters læsning
Læs
guides
Apr 12, 2026

Surfer SEO-guide 2026: Content Editor, NLP-scoring og AI-søgning

En praktisk Surfer SEO-guide, der dækker workflowet i Content Editor, NLP-scoringssystemet, AI Tracker til GEO-optimering og API-automatisering. Baseret på tests af over 50 artikler.

14 min read minutters læsning
Læs
guides
Apr 12, 2026

Semrush-guide 2026: Alle værktøjer forklaret (med eksempler)

En praktisk Semrush-guide, der dækker søgeordsresearch, site-audit, konkurrentanalyse, AI-synlighedssporing og opsætning af MCP-server. Indeholder kodeeksempler og workflows fra en rigtig SEO-pipeline.

14 min read minutters læsning
Læs
Se alle indlæg
Start dit projekt

Klar til at bygge noget ekstraoordinær?

Lad os gøre din vision til virkelighed. Vores team står klar til at hjælpe dig med at skabe software, der gør en forskel.

Book et 30 min. scopemødeSe vores arbejde

Fra biblioteket

Claude Skills

Se alle
  • New Post

    Full SEO blog pipeline: research, brief, write, validate, image, translate, publish to Sanity. Autonomous from start to finish.

  • Content Refresh

    Audit a stale post, find decay drivers, and ship a SERP-aligned refresh without losing existing rankings.

  • SEO Audit

    Site-wide SEO audit with prioritized fix list: technical, on-page, and EEAT signals.

AI-automatiseringer

Se alle
  • Security Auditor

    Weekly SCA + IaC scan with prioritized fix PRs.

  • Cold Email Writer

    Generates first-touch emails grounded in one specific public detail.

  • Lead Research Agent

    Enrich an email into a profile, score fit, alert in Slack.

Fra biblioteket

Claude Skills

Se alle
  • New Post

    Full SEO blog pipeline: research, brief, write, validate, image, translate, publish to Sanity. Autonomous from start to finish.

  • Content Refresh

    Audit a stale post, find decay drivers, and ship a SERP-aligned refresh without losing existing rankings.

  • SEO Audit

    Site-wide SEO audit with prioritized fix list: technical, on-page, and EEAT signals.

AI-automatiseringer

Se alle
  • Security Auditor

    Weekly SCA + IaC scan with prioritized fix PRs.

  • Cold Email Writer

    Generates first-touch emails grounded in one specific public detail.

  • Lead Research Agent

    Enrich an email into a profile, score fit, alert in Slack.

Tjenester

  • Entertainmentløsninger
  • Mobilapps
  • Webapplikationer

Løsninger

  • CRM-systemer
  • AI-integration
  • ERP-løsninger
  • Stemmeargenter
  • Processautomatisering
  • Cybersikkerhed

Bibliotek

  • Blog
  • Portfolio

Fællesskab

  • AI-automatiseringer
  • Claude Skills

Værktøjer

  • Pris på mobil-app
  • OpenAI / LLM API-prisreknemaskine
  • Pris på MVP
  • Pris på stemme-AI-agent

Virksomhed

  • Om
  • Partnere
  • Kontakt

Juridisk

  • Privatlivspolitik
  • Salgsbetingelser
  • Cookiepolitik

Tjenester

  • Entertainmentløsninger
  • Mobilapps
  • Webapplikationer

Løsninger

  • CRM-systemer
  • AI-integration
  • ERP-løsninger
  • Stemmeargenter
  • Processautomatisering
  • Cybersikkerhed

Bibliotek

  • Blog
  • Portfolio

Fællesskab

  • AI-automatiseringer
  • Claude Skills

Værktøjer

  • Pris på mobil-app
  • OpenAI / LLM API-prisreknemaskine
  • Pris på MVP
  • Pris på stemme-AI-agent

Virksomhed

  • Om
  • Partnere
  • Kontakt
JuridiskPrivatlivspolitikSalgsbetingelserCookiepolitik
TECHSY
© 2026 Techsy. Alle rettigheder forbeholdes.