# Project Guide — voorbeeld voor mijn-portfolio ## Stack - Next.js 16 (App Router) - TypeScript strict - Tailwind CSS v4 - Vercel hosting ## Belangrijke conventies - Server components by default - "use client" alleen voor interactie / hooks - @/ alias verwijst naar src/ - ESLint moet groen zijn voor merge ## Hoe lokaal draaien ```bash npm install vercel env pull .env.local npm run dev # http://localhost:3000 ``` ## Hoe deployen - Productie: merge naar main → Vercel deploy't automatisch - Preview: push naar feature branch → Vercel maakt preview-URL ## Belangrijke bestanden - app/layout.tsx — root layout met fonts en theme - app/page.tsx — homepage met hero - src/components/ — herbruikbare UI-componenten