🍪 Cookie Notice

We use cookies to learn how you interact with our content, and show you relevant content and ads based on your browsing history. You can adjust your settings below. Here's our policy.

Cookie settings
Skip to main content

Your content estate could be your biggest revenue liability. Find out why — Join us live on Sept 22

Type-Safe Schemas with @storyblok/schema

  • User Experience
  • Developer Experience
Illustration of a code brace icon with arrows pointing to four square icons: a tag, a document, an image, and another tag, on a blue abstract background.

Define fields, blocks, and datasources as type-safe TypeScript objects and keep your code and content model in sync automatically.

We give you a schema-driven way to manage content models: @storyblok/schema. Paired with the Storyblok CLI, it lets you define fields, blocks, and datasources directly in code using defineField(), defineBlock(), and defineDatasource(), then push those definitions to your space with schema push.

Your repo is now the single source of truth, and both your space and your frontend types stay in sync with it.

Highlights:

  • Bootstrap from an existing space: storyblok schema init generates schema objects for all your current components, similar to types generate.
  • Type-safe definitions: defineField(), defineBlock(), and defineDatasource() catch mistakes at compile time.
  • Push straight from your terminal: storyblok schema push (with a --dry-run option) applies your schema files to the space.
  • Framework-ready types: the BlockContent<TBlock, TBlocks> utility type extracts exactly the props a Vue or React component needs from a schema object.
  • Version-controlled content models: schemas are plain TypeScript files, so diffs, PRs, and rollbacks work the way they do for the rest of your code.

Give it a try and tell us what works and what's missing!

@storyblok/schema packageLearn More

Related Updates

New Growth Plan

Agents

  • User Experience
  • Content
  • Workflows

Storyblok Agents brings AI directly into the Storyblok App. Chat with your space, build custom agents for recurring tasks, and schedule them to run automatically, all without leaving the product.

New Premium Plan

Taxonomies

  • Collaboration
  • Content Authoring
  • User Experience
  • Content

We are introducing Taxonomies, allowing you to apply centrally governed, hierarchical categories with custom assignment rules to each of your content types.