fix: deploy change

This commit is contained in:
Tim Rijkse
2026-02-02 16:29:32 +01:00
parent eb81624277
commit 7a0c98608e
4 changed files with 134 additions and 105 deletions

View File

@@ -93,48 +93,53 @@ Kennismaking met AI, LLMs, ChatGPT en de basis van prompt engineering. Praktisch
## Lesopdracht (2 uur)
### De Workflow Doorlopen
### Bouw een Complete Landingspagina
**Stap 1: Tekenen (10 min)**
- Teken een hero section op papier
**Vereisten:**
- Minimaal **3 secties** (bijv. hero, features, pricing, testimonials, footer)
- Minimaal **1 carousel** (image slider of testimonial slider)
- Minimaal **1 accordion** (FAQ of uitklapbare features)
- Vrije keuze in product/onderwerp
**Stap 1: Tekenen (15 min)**
- Teken je complete landingspagina op papier
- Meerdere secties! Niet alleen een hero
- Geef aan waar carousel en accordion komen
- Simpele blokken en lijnen zijn genoeg
- Geef layout aan: headline, tekst, button, afbeelding placeholder
**Stap 2: Foto maken (2 min)**
- Maak duidelijke foto met telefoon
**Stap 3: ChatGPT - Schets + Beschrijving (15 min)**
**Stap 3: ChatGPT Project (15 min)**
Upload foto en beschrijf:
Upload foto naar je "Les 1 - v0.dev Prompt Engineer" project:
```
Dit is een schets voor een hero section van mijn website.
Dit is een schets voor een complete landingspagina.
Beschrijf deze schets als een gedetailleerde prompt voor v0.dev.
Tech stack: React met Tailwind CSS
Kleuren: [bijv. Primary #2563EB]
Stijl: [bijv. Modern, minimalistisch]
Doel: [bijv. SaaS landingspagina]
Doel: [bijv. SaaS landingspagina voor TaskFlow]
Let op: er moet een carousel in zitten en een accordion.
```
**Stap 4: Prompt kopiëren (1 min)**
- Kopieer de gegenereerde Engelse prompt
**Stap 5: v0.dev genereren (15 min)**
**Stap 4: v0.dev genereren (20 min)**
- Plak prompt in v0.dev
- Itereer indien nodig
- Itereer voor carousel en accordion
- Let op: ~7 gratis generaties per dag
**Stap 6: Deploy naar Vercel (10 min)**
- Add Integration → GitHub koppelen
- v0 maakt automatisch repository
- Deploy → Live URL!
**Stap 5: Deploy naar Vercel (10 min)**
- Zelf uitzoeken! (Add Integration → GitHub → Deploy)
- Vraag klasgenoot om hulp indien nodig
### Op te Leveren
- Foto van papieren schets
- Screenshot ChatGPT conversatie
- Screenshot v0.dev resultaat
- Vercel URL
- Foto van papieren schets (met 3+ secties)
- Screenshot v0.dev resultaat met carousel
- Screenshot v0.dev resultaat met accordion
- Live Vercel URL
---