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

@@ -662,20 +662,23 @@ Blokken en lijnen zijn genoeg.
---
### Slide 35: Live Demo - Deployen
### Slide 35: Hoe deploy je naar Vercel?
*(2 minuten)*
**Titel:** Live zetten
**Titel:** Straks: Live zetten
**Inhoud:**
1. Klik "Add Integration"
**De stappen (dit ga je straks zelf doen):**
1. Klik "Add Integration" in v0.dev
2. Koppel GitHub account
3. v0 maakt automatisch repository
4. Klik "Deploy" → Live op Vercel!
**Resultaat:** `jouw-project.vercel.app`
*Ik laat dit nu niet zien - jullie gaan dit straks zelf uitzoeken!*
---
## BLOK 7: HANDS-ON OPDRACHT (50 minuten)
@@ -687,18 +690,22 @@ Blokken en lijnen zijn genoeg.
**Inhoud:**
**Opdracht:** Jouw tekening wordt een website!
**Opdracht:** Bouw een complete landingspagina!
**Vereisten:**
- Minimaal **3 secties** (bijv. hero, features, pricing, testimonials, footer)
- Minimaal **1 carousel** (image slider of testimonial slider)
- Minimaal **1 accordion** (FAQ of features)
- Je bent vrij in wat je tekent en welk "product" je bedenkt
**Stappen:**
1. **TEKEN** een hero section op papier
1. **TEKEN** je landingspagina op papier (meerdere secties!)
2. **FOTO** maken
3. **CHATGPT:** Upload + beschrijf (tech stack, kleuren, stijl!)
4. **PROMPT** kopiëren
5. **V0.DEV:** Genereren
6. **DEPLOY:** Naar Vercel
3. **CHATGPT PROJECT:** Upload + beschrijf je wensen
4. **V0.DEV:** Genereer en itereer
5. **DEPLOY:** Zelf naar Vercel (uitzoeken!)
**Tijd:** ~45 minuten
**Benodigdheden:** Papier, pen, ChatGPT, GitHub
---
@@ -709,11 +716,15 @@ Blokken en lijnen zijn genoeg.
**Inhoud:**
**Vergeet niet te specificeren:**
- Tech stack: React + Tailwind
- Kleuren: hex codes of beschrijving
- Stijl: modern, minimalistisch, etc.
- Doel: waarvoor is de website?
**Checklist:**
- [ ] 3+ secties getekend
- [ ] Carousel gepland
- [ ] Accordion gepland
- [ ] Tech stack: React + Tailwind
- [ ] Kleuren en stijl gespecificeerd
- [ ] Gedeployed naar Vercel
**Tip:** Begin simpel, voeg complexiteit toe via iteratie!
**Hulp nodig?** Steek je hand op!