The traditional barrier to entry for building software is gone. We have officially entered the era of “Vibecoding” and Agentic Engineering, where AI agents act as your personal development team, and your main job is to orchestrate them.

In this highly interactive, 60-minute code-along workshop, we will demystify AI-Augmented Development. You don’t need months of tutorials to build a startup MVP. Together, we will build a functional booking platform UI (an “Airbnb clone”) from scratch using Next.js and Tailwind CSS, entirely guided by AI.

Zero Setup Required: We will use browser-based AI IDEs (like Replit Agent or v0 by Vercel) so you can start building immediately without installing anything.

Workshop Agenda (60 Minutes):

[00:00 – 00:10] The New Builder Stack & R.A.C.E. Framework: Introduction to Agentic Engineering and how to write production-grade prompts (Role, Action, Context, Expectation).

[00:10 – 00:25] Generating the Foundation: Setting up our web IDE and prompting the AI to generate our core Next.js & Tailwind CSS layout (navbars, hero sections, property grids).

[00:25 – 00:45] Iteration & Fixing Hallucinations: AI isn’t perfect. We will learn how to act as “Tech Leads” to debug, refine the UI, and add interactive booking components.

[00:45 – 00:55] The Magic Trick (Live Deployment): With one click, we will deploy our web apps live to the internet. You will leave this room with a working public URL on your phone!

[00:55 – 00:60] Q&A & Next Steps: How to take your MVP to the next level.

Prerequisites: Just bring a laptop and your creativity! No prior React/Next.js experience is strictly required, though a basic understanding of how websites work is helpful.