Command Palette

Search for a command to run...

0

Command Palette

Search for a command to run...

Blog

Consent Manager

Cookie and tracking consent banner for Next.js, built on c15t.

“

This is super cool, Full circle moment (the prototype for c15t actually used shadcn). Would love to get this in our docs also and shared in our discord!

”
Christopher BurnsCreator of c15t.com

Features

  • Built on top of c15t.
  • Theme customized to match shadcn/ui.
  • Designed for Next.js, adaptable to other frameworks via c15t docs.

Installation

$ pnpm dlx shadcn@latest add @ncdai/consent-manager

Usage

Wrap your app with the ConsentManager component:

app/layout.tsx

import { ConsentManager } from "@/components/consent-manager"
 
export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        <ConsentManager>{children}</ConsentManager>
      </body>
    </html>
  )
}

For customization and advanced usage, see c15t’s documentation.