Cookie consent banner

A banner to collect user consent built with Hero UI.

Use template

Ecosystem

Hero UI

Stack

Find guides, references, and examples to help you get started.

A banner to collect user consent built with Hero UI.

Introduction

This template adds a cookie consent component built with Hero UI to your project or creates a new project using Next.js if none is found in the current directory.

It comes fully integrated with Croct, giving you CMS, AB testing, and personalization out of the box.

Usage

To create a new project using this template, run:

npx croct@latest use hero-ui://component/cookie-consent
Run

You can customize the template by specifying options:

npx croct@latest use hero-ui://component/cookie-consent --router=page
Run

Options

The following options are available for this template:

Option	Description	Required	Default
projectName	The name of the project.	No	my-app
version	The Next.js version to use.	No	latest
router	The router to use (app or page).	No	app
javascript	Whether to use JavaScript instead of TypeScript.	No	false

Other templates using

Hero UI

Hero UI component

Import the Hero UI example into the project.

Start building in seconds

Paste the following command in your terminal and let the CLI do the rest.

npx croct@latest use hero-ui://component/cookie-consent