Install Next.js

Scaffold the App Router foundation that every Kick UI example assumes.

Create a new project

npx create-next-app@latest my-app

Answer the prompts

Accept the recommended defaults — they match the Kick UI setup exactly:

What is your project named? my-app
Would you like to use the recommended Next.js defaults?
  Yes, use recommended defaults - TypeScript, ESLint, Tailwind CSS, App Router, AGENTS.md
  No, reuse previous settings
  No, customize settings - Choose your own preferences

If you customize settings

Choose these answers to stay compatible with Kick UI examples:

Would you like to use TypeScript? Yes
Which linter would you like to use? ESLint
Would you like to use React Compiler? No
Would you like to use Tailwind CSS? Yes
Would you like your code inside a src/ directory? Yes
Would you like to use App Router? (recommended) Yes
Would you like to customize the import alias (@/* by default)? No
Would you like to include AGENTS.md to guide coding agents? Yes

Start the app

cd my-app
npm run dev