Use Cases



Connecting Layouts App to React

This guide is a continuation from "Manually integrating a Next.js project to Zesty content"

Install Autolayout package

Reference: https://github.com/zesty-io/react-autolayout

Ensure Zesty is integrated to your React app

The AutoLayout package expects a content object from the Zesty toJSON API. If that is not configured, see these references for configuration:

Please review this doc to ensure your setup is integrated properly: Manually integrating a Next.js project to Zesty content

AutoLayout Component

Here is an example of an AutoLayout component which manually maps through the custom components in the React project to the components built in the Zesty Layouts App


Here is a full example snippet of running AutoLayout and mapping them to your own custom components.

See more custom component example here https://nextjs-marketing-nine.vercel.app/layouts/

Start Here

We will listen to your needs and walk you through how Zesty can help your team.

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

Enter your details to connect with a Content Expert

First Name

Last Name


Phone (optional)


Please tell us about your project (optional)


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