This example shows how to use @vercel/flags for Next.js applications.

This application requires a FLAGS_SECRET environment variable.

You can generate one with this command

node -e "console.log(crypto.randomBytes(32).toString('base64url'))"

When running locally, you will need to run vercel link to link one of your Vercel projects. The environment variable mentioned above need to be defined on the linked project in the Vercel dashboard. Run Having them in local .env files is not enough.

• Documentation
• Live Demo

You can choose from one of the following two methods to use this repository:

Deploy the example using Vercel:

Execute create-next-app with pnpm to bootstrap the example:

pnpm create next-app --example https://github.com/vercel/shirt-shop

Next, run Next.js in development mode:

pnpm dev

Deploy it to the cloud with Vercel (Documentation).

Thanks to following for a delightful demo:

• Tailwind UI ecommerce product page example
• Images provided by Ugmonk