Title and text
Each card is a nested feature block with a title and a short text.
Block library
Every block on this site
This page is assembled from the same blocks as the rest of the site. The label above each section is its Storyblok component name.
- Define
- Register
- Compose
- Render
feature_grid
Feature grid
Optional link
Add a path and the whole card becomes a link.
steps
Steps
Numbered in the order editors arrange them.
Drag to reorder
Moving a step in Storyblok renumbers the list.
Link a file
A step can name the file that implements it.
rich_text
Rich text
Storyblok rich text renders on the server with StoryblokServerRichText. It supports bold, links, and lists:
paragraphs and headings
inline code and links
image_text
A page built from blocks
The image and text belong to one section. Editors can change both, move the image to the other side, and choose where the link leads.
How it worksaccordion
A closer look at the blocks
What can an editor change?
The fields in Storyblok control the content. Editors can reorder sections, update copy, and add any block allowed by the page model.
Does this interaction need JavaScript?
No. This accordion uses the native HTML details and summary elements. It can be opened with a mouse, touch, or keyboard, even before JavaScript loads.
pull_quote
One block at a time. Each with a concrete example.
comparison_table
What changes in the CMS, what changes in code
Editors work with the blocks developers provide. The content model connects both sides.
| Task | Editor in Storyblok | Developer in the repository |
|---|---|---|
| Copy and translations | Edit fields and publish | No deploy needed |
| Arrange sections | Reorder existing blocks | Define allowed blocks in the schema |
| Add a new block | Use the available block | Add the schema, React component, and tests |
code_example
The schema names resolve to React components
The server registers the component map before rendering a story. Each block name in the CMS resolves to its implementation.
export function registerStoryblokComponents(): void {
setComponents(storyblokComponents);
}cta_band
related_content