> ## Documentation Index > Fetch the complete documentation index at: https://lemonslice.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Next.js > Learn how to embed a LemonSlice agent in a Next.js app using the App Router. To embed a LemonSlice agent into a Next.js app, you’ll add the widget to your root layout so it persists across route changes. If you’re using the App Router (`app/` directory), this can be done with just a few lines of code. ### Prerequisites 1. A LemonSlice Agent created on a paid plan 2. A Next.js project using the App Router 3. Basic familiarity with TypeScript and React ### Guide Visit the LemonSlice [agents platform](https://lemonslice.com/agents) and copy your agent’s embed code. It should look something like this: ```html HTML theme={null} ``` Open your root layout file at `app/layout.tsx`. Place the widget inside the `` so it loads once and persists across pages: ```tsx TSX theme={null} import type { Metadata } from "next"; export const metadata: Metadata = { title: "My App", description: "A simple Next.js app", }; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( {children}