> ## Documentation Index > Fetch the complete documentation index at: https://docs.cookiechimp.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Next.js > Install a consent banner in a Next.js application with the App Router or Pages Router. This page shows the **simplest** way to add CookieChimp to a Next.js app and check whether a **specific service** (e.g., "Google Analytics" in the "analytics" category) has consent to take actions. **Important Setup Notes**: Before following this guide, ensure you have your correct **Account ID** from your CookieChimp dashboard. If you're testing on `localhost`, make sure to add `localhost` to the **Additional Domains** in your Account Settings > General, otherwise the banner will not show during local development. Looking for a complete example? Check out our [Next.js example implementation](https://github.com/IdentitySquare/cookiechimp-nextjs-example) on GitHub for a working reference. *** ## What do I need before starting? * **Next.js (App Router)** project (`app/` directory). * Your CookieChimp **Account ID** (replace `YOUR_ACCOUNT_ID` below). * If testing locally: `localhost` added to **Additional Domains** in Account Settings > General. *** ## What will this guide cover? 1. Load the CookieChimp script **first** in `` 2. Add the required **trigger container** 3. Listen for consent and **log** if a service is allowed *** ## How do I load the CookieChimp script? Use Next.js `