fix: les

Les14-Cursor-Vercel-Deploy/lesbestanden/cursor-templates/AGENTS.md

@@ -0,0 +1,29 @@
+# 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

Les14-Cursor-Vercel-Deploy/lesbestanden/cursor-templates/README.md

@@ -0,0 +1,9 @@
+# Cursor templates — copy-paste klaar
+
+Twee bestanden om in je nieuwe Next.js project te plakken:
+
+- `general.mdc` → plaats in `.cursor/rules/general.mdc`
+- `AGENTS.md` → plaats in de repo-root
+
+Beide bestanden vertellen Cursor (en Claude Code, en GitHub Copilot)
+hoe jouw project in elkaar zit en welke conventies je hanteert.

Les14-Cursor-Vercel-Deploy/lesbestanden/cursor-templates/feature-prompts.md

@@ -0,0 +1,28 @@
+# Feature prompts — voor de live demo
+
+## Feature 1 (Plan + Build, Cursor chat)
+
+```
+Plan een hero-section voor de homepage van mijn-portfolio.
+
+Specs:
+- Gradient achtergrond (subtiel, twee blauwtinten)
+- Grote titel: "Tim Rijkse"
+- Ondertitel: "AI Developer & Docent"
+- Twee CTA-knoppen: "Projecten" (primair) en "Contact" (secundair)
+- Responsive: stack op mobiel, naast elkaar op desktop
+- Gebruik Tailwind, geen custom CSS
+```
+
+## Feature 2 (Background agent)
+
+```
+Open background agent.
+
+Bouw een /about pagina met team-leden in een grid. Specs:
+- 6 team-leden (mock data is prima)
+- Grid: 1 kolom op mobiel, 2 op tablet, 3 op desktop
+- Per persoon: foto-placeholder, naam, rol, korte bio
+- Stijl: matched onze hero-section (zelfde gradients en typografie)
+- Header bovenaan met titel "Het team"
+```

Les14-Cursor-Vercel-Deploy/lesbestanden/cursor-templates/general.mdc

@@ -0,0 +1,21 @@
+---
+description: Algemene project-conventies
+alwaysApply: true
+---
+
+# Code Style
+- Gebruik TypeScript strict mode
+- Geen any-types; geef expliciete return types op functies
+- Tailwind voor styling — geen CSS modules
+- Server components by default; "use client" alleen waar nodig
+- Imports: gebruik @/ alias voor src/
+
+# Bestandsstructuur
+- Componenten in src/components/<naam>/index.tsx
+- Page-specifieke componenten in app/<route>/_components/
+- Hooks in src/hooks/<naam>.ts
+
+# Algemeen
+- Geen console.log in committed code
+- Errors: gebruik next/error of toast (geen alert)
+- Async: prefer await over .then chains