Integrating Next.js applications

Integrating Next.js applications

Source CMS works well with Next.js for building headless or decoupled front-ends, enhancing capabilities such as Draft preview. Next.js sites can connect to the CMS with minimal setup.

Enabling Next.js integrations

Use the following steps to enable Next.js integrations:

1. Access your site.
2. In the left sidebar, click API > Next.js.
3. Enable the Enable Next.js integration toggle.
4. Click Save.

Managing Next.js integrations

Use the following steps to manage Next.js integrations:

1. Access your site.

2. In the left sidebar, click API > Next.js integration.

   Here, you can configure existing Next.js sites or add a new one by clicking Add Next.js site.

   
3. On the Add Next.js site page, enter a label and the base URL of the Next.js site.

4. Configure on-demand revalidation of content.

   On-demand revalidation is a feature that allows the CMS to invalidate the Next.js site’s data cache, ensuring the latest content is fetched following updates.

   
5. Click Save.

Configuring the Next.js preview

By default, previews are automatically enabled when a Next.js site is configured. After configuration, content authors can preview unpublished content to see how it will appear on their Next.js site.

For detailed guidance, refer to the Next.js integration documentation.

Configuring the Next.js preview

By default, previews are automatically enabled when a Next.js site is configured. After configuration, content authors can preview unpublished content to see how it will appear on their Next.js site.

For detailed guidance, refer to the Next.js integration documentation.