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

QUICKSTART

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/​