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