fix: add page

This commit is contained in:
Tim Rijkse
2026-02-07 09:49:48 +01:00
parent c74bd19b73
commit 3584a9ae75
7 changed files with 62 additions and 75 deletions

View File

@@ -99,7 +99,7 @@ Voor nieuwe projecten (niet gekoppeld via v0):
## Lesopdracht (85 min hands-on)
### Doel
Breid je v0 website uit met OpenCode. Leer de volledige workflow: lokaal draaien, uitbreiden met AI, deployen via git push.
Maak een nieuwe pagina in je v0 project. Leer de volledige workflow: lokaal draaien, pagina maken met AI, deployen via git push.
### Stap 1: Project Lokaal Draaien (15 min)
@@ -123,27 +123,26 @@ Selecteer gratis AI model:
2. Kies "OpenCode Zen"
3. Selecteer "GLM 4.7"
### Stap 3: Uitbreiden met OpenCode (45 min)
### Stap 3: Nieuwe Pagina Maken (45 min)
**Fase 1 - Plan mode (📋):**
```
Analyseer dit project. Welke componenten zijn er?
Waar zou ik een testimonials sectie kunnen toevoegen?
Analyseer dit project. Hoe werkt de routing?
Hoe maak ik een nieuwe pagina in Next.js?
```
**Fase 2 - Build mode (🔨):**
Kies minimaal 2 van deze opdrachten:
- **Testimonials sectie** - 3 cards, responsive
- **Pricing sectie** - 3 tiers, highlight middelste
- **FAQ sectie** - accordion style, animaties
- **Verbeter bestaande componenten** - hover effecten, scroll animaties
Maak een nieuwe pagina:
- Kies: **/about**, **/services**, of **/contact**
- Voeg minimaal 2 componenten toe (hero + content)
- Voeg link op homepage toe naar de nieuwe pagina
### Stap 4: Deploy naar Vercel (10 min)
```bash
git add .
git commit -m "Add testimonials section"
git commit -m "Add about page"
git push
```