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