Search icon
Subscription
0
Cart icon
Close icon
You have no products in your basket yet
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Building Real-World Web Applications with Vue.js 3

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

Product type Book
Published in Jan 2024
Publisher Packt
ISBN-13 9781837630394
Pages 318 pages
Edition 1st Edition
Languages
Author (1):
Joran Quinten Joran Quinten
Profile icon Joran Quinten

Table of Contents (17) Chapters

Preface 1. Part 1: Getting Started with Vue.js Development
2. Chapter 1: Introduction to Vue.js 3. Chapter 2: Creating a Todo List App 4. Chapter 3: Building a Local Weather App 5. Chapter 4: Creating the Marvel Explorer App 6. Part 2: Intermediate Projects
7. Chapter 5: Building a Recipe App with Vuetify 8. Chapter 6: Creating a Fitness Tracker with Data Visualization 9. Chapter 7: Building a Multiplatform Expense Tracker Using Quasar 10. Part 3: Advanced Applications
11. Chapter 8: Building an Interactive Quiz App 12. Chapter 9: Experimental Object Recognition with TensorFlow 13. Part 4: Wrapping Up
14. Chapter 10: Creating a Portfolio with Nuxt.js and Storyblok 15. Index 16. Other Books You May Enjoy

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 chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}