zesty.io

Product

Use Cases

Integrations

Learn

Zesty Content Object

How to work with the Zesty content object that is fed into Next.js components.

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.

Connect with Content Experts

Book a free 15-minute consultation with a content expert. Discuss your application, pain points and requirements. Understand how Zesty's lower total cost of ownership, features, functionality can elevate your business by creating extraordinary digital experiences.

Trusted By

zesty customer logo Sonyzesty customer logo Rocket Leaguezesty customer logo Singlifezesty customer logo Acornszesty customer logo Phoenix Sunszesty customer logo Wattpadzesty customer logo Corner Shopzesty customer logo Bjs

G2 MOMENTUM LEADER

zesty customer logo zesty customer logo zesty customer logo zesty customer logo

Enter your details to connect with a Content Expert

First Name

Last Name

Email

Phone (optional)

Company

Please tell us about your project (optional)