rubberducky/novi-lessons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add page

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

12
Les02-OpenCode/Les02-Docenttekst.md
View File

@@ -146,7 +146,7 @@ _[LIVE DEMO]_
"Nu start ik OpenCode in dit project. Ik zit in Plan mode - zie het klembord."
"Ik vraag: 'Analyseer dit project. Welke componenten zijn er en waar zou ik een testimonials sectie kunnen toevoegen?'"
"Ik vraag: 'Analyseer dit project. Hoe werkt de routing? Hoe maak ik een nieuwe pagina?'"
_[Wacht op response]_
@@ -162,11 +162,11 @@ _[LIVE DEMO]_
"Tab om naar Build mode te gaan. Nu vraag ik:"
"@src/components/ Maak een Testimonials component met 3 cards, responsive, en voeg toe aan de homepage."
"Maak een nieuwe pagina /about met een hero sectie en een team sectie. Voeg ook een link toe op de homepage naar /about."
_[Wacht op generatie]_
"Het maakt bestanden aan, past imports aan. Kijk in de browser - refresh - daar is de nieuwe sectie!"
"Het maakt de pagina aan, de componenten, past de homepage aan. Kijk in de browser - refresh - daar is de link! En als ik klik... de nieuwe pagina!"
---
@@ -228,11 +228,11 @@ _[Toon Vercel dashboard]_
**[09:50 - 09:55]** _(5 minuten uitleg)_
"Jullie gaan nu jullie eigen v0 website uitbreiden."
"Jullie gaan nu een nieuwe pagina toevoegen aan jullie v0 website."
"Stap 1: Clone je repo of pull latest. Stap 2: npm install, npm run dev. Stap 3: Voeg nieuwe secties toe met OpenCode. Stap 4: Push naar GitHub, bekijk live op Vercel."
"Stap 1: Clone je repo of pull latest. Stap 2: npm install, npm run dev. Stap 3: Maak een nieuwe pagina met OpenCode - about, services, of contact. Voeg componenten toe en een link op de homepage. Stap 4: Push naar GitHub, bekijk live op Vercel."
"Doel: minimaal 2 keer deployen. Je mag kiezen wat je toevoegt - testimonials, pricing, FAQ, of verbeteringen aan bestaande componenten."
"Doel: minimaal 2 keer deployen. Je leert hoe routing werkt in Next.js én hoe je navigatie toevoegt."
"Kwart over 10 hebben we een korte pauze van 15 minuten. Begin!"