fix: update

This commit is contained in:
Tim Rijkse
2026-02-07 10:50:35 +01:00
parent 970efbc8bc
commit fdce1ea0e4
5 changed files with 89 additions and 63 deletions

View File

@@ -87,6 +87,10 @@ Hoe maak ik een nieuwe pagina in Next.js?
Druk `Tab` om naar Build mode (🔨) te gaan.
**💡 BELANGRIJK: Eén prompt per taak!**
Splits je werk op in kleine stappen. Niet alles in één prompt!
**Opdracht: Maak een nieuwe pagina met componenten**
#### Stap 1: Kies je pagina
@@ -95,19 +99,29 @@ Kies één van deze opties:
- **Services** - Diensten pagina
- **Contact** - Contact pagina
#### Stap 2: Maak de pagina aan
#### Stap 2: Maak de pagina structuur
**Prompt 1:**
```
Maak een nieuwe pagina /about (of /services of /contact).
De pagina moet minimaal 2 componenten bevatten:
- Een hero sectie met titel en beschrijving
- Een content sectie (bijv. team cards, diensten lijst, of contact info)
Maak een nieuwe pagina /about (of /services of /contact) met een basis layout.
```
#### Stap 3: Voeg componenten toe
**Prompt 2:**
```
Voeg een hero sectie toe aan de /about pagina met titel en beschrijving.
Gebruik Tailwind CSS voor styling.
```
#### Stap 3: Voeg navigatie toe
**Prompt 3:**
```
Voeg een content sectie toe onder de hero (bijv. team cards, diensten lijst, of contact info).
```
#### Stap 4: Voeg navigatie toe
**Prompt 4:**
```
@app/page.tsx
Voeg een link toe naar de nieuwe pagina.
Voeg een link toe naar de /about pagina.
De link moet zichtbaar zijn in de hero of header.
Gebruik Next.js Link component.
```