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

@@ -732,21 +732,21 @@ _[Wacht op generatie]_
---
### Slide 35: Live Demo - Deployen
### Slide 35: Hoe deploy je naar Vercel?
**[99:00 - 101:00]** _(2 minuten)_
"Laatste stap: hoe krijg je dit online?"
"Laatste vraag: hoe krijg je dit online? Dat ga ik jullie nu uitleggen, maar niet voordoen."
_[Wijs naar de interface]_
"In v0 zie je een optie om te deployen. V0 vraagt je om je GitHub account te koppelen. Als je dat doet, maakt v0 automatisch een repository aan met je code."
"In v0 zie je een optie om te deployen. Je klikt op 'Add Integration', koppelt je GitHub account, en v0 maakt automatisch een repository aan. Dan deployt Vercel je code - binnen een minuut heb je een live URL."
"Dan deployt Vercel - het bedrijf achter v0 - je code automatisch. Binnen een minuut heb je een live URL die iedereen kan bezoeken."
_[Met nadruk]_
_[Toon resultaat]_
"Maar dit ga ik niet live doen. Waarom niet? Omdat jullie dit straks zelf gaan uitzoeken. Dat is onderdeel van de opdracht. Het is niet moeilijk, en je leert meer door het zelf te doen."
"Van een tekening op papier naar een live website. In minder dan vijftien minuten. Dat is de kracht van deze workflow."
"Van een tekening op papier naar een live website. Dat is de kracht van deze workflow. En straks gaan jullie dat bewijzen."
---
@@ -756,31 +756,33 @@ _[Toon resultaat]_
**[101:00 - 106:00]** _(5 minuten uitleg)_
"Nu zijn jullie aan de beurt. De opdracht is precies wat ik net deed."
"Nu zijn jullie aan de beurt. Maar let op - jullie opdracht is groter dan mijn demo."
_[Pak papier en pennen - deel uit als nodig]_
"Jullie gaan een hero section bouwen voor een fictief product. Maar - en dit is belangrijk - jullie beginnen met TEKENEN."
"Ik heb een simpele hero section laten zien. Jullie gaan een complete landingspagina bouwen."
_[Wijs naar de vereisten]_
"De vereisten zijn: minimaal drie secties. Denk aan hero, features, pricing, testimonials, footer - kies zelf wat je wilt."
"Daarnaast moet je minimaal één carousel hebben - dat kan een image slider zijn of een testimonial slider."
"En minimaal één accordion - bijvoorbeeld voor een FAQ sectie of uitklapbare features."
_[Geef vrijheid]_
"Je bent helemaal vrij in wat je tekent. Bedenk een fictief product, een app, een service - wat je maar wilt. Maak het je eigen."
_[Loop door de stappen]_
"Stap één: pak papier en pen. Teken je hero section. Het hoeft niet mooi - blokken en lijnen zijn genoeg."
"Stap twee: maak een foto met je telefoon."
"Stap drie: upload naar ChatGPT. Beschrijf je wensen. En vergeet niet: tech stack, kleuren, stijl!"
"Stap vier: kopieer de gegenereerde prompt."
"Stap vijf: plak in v0.dev en genereer."
"Stap zes: als je tijd hebt, deploy naar Vercel."
"De stappen zijn hetzelfde: teken op papier, maak een foto, upload naar je ChatGPT Project, genereer in v0.dev, en deploy naar Vercel. Die laatste stap ga je zelf uitzoeken - het is niet moeilijk."
_[Praktische info]_
"Je hebt 50 minuten. Werk individueel. Documenteer je stappen met screenshots - die heb je nodig voor je inlevering."
"Je hebt 45 minuten. Werk individueel. Begin met tekenen!"
"Heeft iedereen papier en een pen? Nee? Hier, pak even..."
"Heeft iedereen papier en een pen?"
---
@@ -795,21 +797,23 @@ _[Studenten werken - loop actief rond en help]_
**Let op deze veelvoorkomende problemen:**
- Slaan ze de tekenstap over? Stuur ze terug naar papier.
- Tekenen ze te weinig secties? Herinner aan de 3+ vereiste.
- Vergeten ze carousel of accordion? Check hun schets.
- Vergeten ze tech stack/kleuren/stijl in ChatGPT? Herinner ze.
- v0.dev rate limit? Ze kunnen wachten of je backup screenshots tonen.
- GitHub account problemen? Help met aanmaken.
- v0.dev rate limit? Ze kunnen wachten of delen met klasgenoot.
- Deployment problemen? Laat ze eerst Googlen, help pas daarna.
**Tussentijdse check [125:00]:**
"Even een snelle check. Steek je hand op als je al een prompt uit ChatGPT hebt."
"Even een snelle check. Wie heeft al minimaal 3 secties getekend?"
_[Tel handen]_
"Mooi. Wie is al in v0.dev aan het genereren?"
"Mooi. Wie heeft de carousel en accordion in de schets?"
_[Help kort indien nodig]_
"Nog 25 minuten. Focus op je schets, ChatGPT prompt, en v0 generatie. De deployment is een bonus."
"Nog 25 minuten. Als je v0 resultaat hebt, begin dan met deployen. Vraag een klasgenoot om hulp als je vastloopt."
_[Studenten werken door tot 150:00]_