How the page content object works

The each Zesty.io content model has an associated react component in the views/zesty project folder. Each component is fed a {content} object, which contains content item field data, and meta data. Content is accessed like so: {content.[field_name]} See this example of a simple react component for an About Page.

How to relational content to work with Next.js

Its best to build content model schema's to include as much of the content on the page for the content author to control, this mean images, text, files, and rich text. To connect related content to a page, using a one to one or many to one fields types will give you access to all the content of the related content item without making additional fetch requests.

How to fetch content not available in the page content object

When the content you need does not live on the content item, you may fetch it to use in your page. In this example, instead of using a many to one relational field, we fetch team members remotely.