fix: update
This commit is contained in:
@@ -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.
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user