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