Almost EVERYONE who tried headless systems said they saw benefits. Download the state of CMS now!

Storyblok now on AWS Marketplace: Read more

O’Reilly Report: Decoupled Applications and Composable Web Architectures - Download Now

Empower your teams & get a 582% ROI: See Storyblok's CMS in action

Skip to main content
  • Docs
  • Guide
  • Content Building Example: Flat Structures

Content Building: Example - Flat Structures

We will look at an example to understand content building better. Let’s assume that you want tot build a new website, and want to post new articles to it regularly, basically a blog. We will follow the steps above to develop the content type and folder structure for that website.

1. Check your Goals/Designs

The post detail page should contain a title, image, content, date and an author's name. Let’s assume that the structure of the article that you have in mind is similar to the one below:

Step 1 - Content Building

2. Pinpoint your content schema

Let’s find the fields we want to use in our content type for creating the page shown in the above step.

Step 2 - Content Building

3. Configure your content types

Since a blog/website we will normally have multiple entries of the "post" content-type we recommend to create a folder with the default content type to set to the one you want your editors to create in there. A folder "Posts" with the default content type "post" would be our recommended way to approach that.

Posts Folder

Then you can create one new entry and add all the fields we've identified in Step 2 to your content type.

| Field | Description | |---------|--------------| | title | The 'title' field will hold the headline of the post. The headline is mostly short so a simple text field-type should do the trick | | date | Below the 'title' field, we’ll need a 'date' field with the field-type "date", that will be used to display the date of the post. | | content | The content of the post is the place to put your content. To allow a rich-text editing experience we recommend to use the field-type "markdown". | | author | For author we will need to add a reference to other content entries, to do so we will use the 'single-choice' option with the source type 'Stories' to reference other content entries. | {: .uk-table.uk-table-striped.table.table--left.uk-table-hover }

Posts with Field

You can follow our step-by-step guide to walk you through a full blog setup including authors and categories.

Read More