Reader small image

You're reading from  Building Real-World Web Applications with Vue.js 3

Product typeBook
Published inJan 2024
Reading LevelIntermediate
PublisherPackt
ISBN-139781837630394
Edition1st Edition
Languages
Tools
Right arrow
Author (1)
Joran Quinten
Joran Quinten
author image
Joran Quinten

Joran Quinten's passion involves getting people to love technology and getting technology to play nice. With over a decade of experience in developing and designing software, he has built up a broad background in development and architecture. He loves sharing knowledge and has been invited to speak at several tech events. Joran graduated from Fontys University of Applied Sciences, Eindhoven in 2010. Currently, he works for Jumbo Supermarkten, a national grocery chain where he is the technical lead of the design system team and acts as an ambassador for the tech department. He is passionate about mentoring and coaching junior developers. Joran lives close to Eindhoven with his wife, son and daughter.
Read more about Joran Quinten

Right arrow

Working with multiple content types

To define the types and content to use on our pages, we can navigate to Block library in Storyblok. By default, you will see four existing blocks: feature, grid, page, and teaser. Between the blocks, there are two different types. page is of the Content type, while the rest are of the Nestable type. The key difference is that Content type is a top-level type of content. You can consider it a sort of page with a unique URL. You use this to hold different compositions of the lower level of content type – that is, Nestable. These are the building blocks of the pages: you can add them to a page to build the content you like.

There’s also Universal type, which can act as either of the aforementioned types. We won’t use it in our example, though.

Let’s create a new block for our portfolio purposes by clicking on the + New Block button. For the technical name, we’ll have to fill in how the content will be identified...

lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Building Real-World Web Applications with Vue.js 3
Published in: Jan 2024Publisher: PacktISBN-13: 9781837630394

Author (1)

author image
Joran Quinten

Joran Quinten's passion involves getting people to love technology and getting technology to play nice. With over a decade of experience in developing and designing software, he has built up a broad background in development and architecture. He loves sharing knowledge and has been invited to speak at several tech events. Joran graduated from Fontys University of Applied Sciences, Eindhoven in 2010. Currently, he works for Jumbo Supermarkten, a national grocery chain where he is the technical lead of the design system team and acts as an ambassador for the tech department. He is passionate about mentoring and coaching junior developers. Joran lives close to Eindhoven with his wife, son and daughter.
Read more about Joran Quinten