Integrate Release0 agents in Next.js applications with lazy-loaded components for optimal performance. This guide provides usage examples, and integration methods for Next.js applications.
To install the library for use with Next.js, run the following command:
This library is a convenient wrapper around the agent react library. It ensures that components are lazy-loaded for optimal performance in your Next.js application.
The NextJS component can be added integrated in 3 ways:
Standard Integration
Popup Integration
Bubble Integration
Use it the same way you would use the agent react library. Below is an example of integration:
next/dynamic
. This ensures the component is not included in the server-side rendering (SSR) process.your-agent-id
with the ID of your configured Agent.Before deploying, confirm the following:
AgentComponent
renders without errors in both development and production environments.