Vardchives

Setup ​

Two paths

npx create-next-app@latest on its own walks the interactive prompts. The one-liner under Create Project answers them all inline. Either way, TypeScript, Tailwind, the App Router, and Turbopack are the defaults now, and AGENTS.md + CLAUDE.md are generated unless you pass --no-agents-md.

Manual Selections ​

bash
npx create-next-app@latest

Create Project ​

bash
npx create-next-app@latest cagii --ts --tailwind --eslint --app --src-dir --turbopack --import-alias "@/*" --use-npm
bash
cd cagii
bash
npm run dev

Core ​

bash
npx shadcn@latest init
bash
npx shadcn@latest add button input textarea label card dialog dropdown-menu separator tooltip
bash
npm install zod
bash
npm install lucide-react

Database ​

bash
npm install drizzle-orm
bash
npm install -D drizzle-kit

Optional ​

bash
npm install react-hook-form @hookform/resolvers
bash
npx shadcn@latest add sonner
bash
npm install @vercel/analytics @vercel/speed-insights

Notes ​

No image package — next/image is built in, so there is nothing to install or configure for the Svelte enhanced-img equivalent.