React Workshop Series

Day 1 — What's Next?

Day 1 · Topic 15 of 15Wrap-up

Foundations & build/What's Next?

✓

Summary — What's Next?

Slide companion · 85–94

Your takeaway: Check your finished Day 1 project and prepare only the accounts needed for Day 2.

What you just did

  • ✅ Set up a real Next.js project
  • ✅ Understood React components [Bubble Theory]
  • ✅ Passed data using props
  • ✅ Created multiple pages with file-based routing
  • ✅ Styled with Tailwind CSS
  • ✅ Used the Next.js <Image /> component [Hands-on #02]

Day 2 teaser

  • State— making buttons actually do things (click → something changes → it's interactive)
  • Deploying to Vercel — your site goes live (real URL. Show your mum. Put it on LinkedIn.)

Homework before Day 2 (22 Jul 2026)

  1. Create a free GitHub account at github.com/signup
  2. Create a free Vercel account at vercel.com/signup

Need step-by-step help? Go back to the Home page → Before Day 2 prerequisites for the GitHub and Vercel account walkthroughs.

Closing flow for slides 88–94Show note
Invite final questions and let helpers resolve any remaining red error screens. Then run the lucky draw, explain the certificate and feedback steps, and finish with the contact and thank-you slides. These are event cues; students do not need to change their code.