Quick start
A working consent banner in about a minute.
One command in your existing project. The CLI detects your framework, asks a few questions and writes the setup for you, including the stylesheet import that is easy to forget. It runs locally and collects no data.
Prefer to write the files yourself? Installation is the same result in three steps.
1. Run the CLI
npx @cookieyes/cli init2. Answer the questions
- Framework: detected for you, just confirm.
- Backend mode: choose Cookie-only. The choice is stored in the visitor's browser and no server is needed. Pick Self-hosted only if you must keep a record on your own server; it then asks for the URL.
- Privacy regulation:
GDPRfor most sites,CCPAfor California-style opt-out. - Colour scheme: light, dark, or follow the system.
- Extra languages: English is always included.
- Confirm, and it installs the package.
3. Start your app
The banner appears at the bottom of the page. Click Accept All and reload: it stays away, and a small round button in the corner reopens the preferences dialog.
What it wrote
components/consent-manager/provider.tsx: the configuration, the stylesheet import and the components, in one client file.components/consent-manager/index.tsx: lets you importCookieYesRootfrom the folder.app/layout.tsx(orpages/_app.tsx):<CookieYesRoot />added to your existing layout.
Files that already exist are left alone. If the CLI cannot find where to add <CookieYesRoot />, it prints the lines to paste under "Manual step needed".
To change anything later, edit provider.tsx: every option is on Configuration.
Common mistakes
The banner does not appear.
You already chose in this browser. Delete the cookieyes-consent cookie and reload.
The banner is unstyled text.
The stylesheet import was removed from provider.tsx. Put it back.
"Manual step needed" was printed. Paste the printed lines into your layout or entry file. Nothing else is missing.
Next steps
- Configuration: every option of
initCookieYes() - Integrations: load Google Analytics, Meta Pixel and other tags only after consent
- Styling: match the banner to your brand