Windsurf từ Cơ bản đến Chuyên nghiệp: Xây dựng Web App Production với AI

Build production-grade full-stack apps faster than ever by combining the power of Windsurf with the best modern web tools: Next.js 15, TypeScript, Tailwind CSS, Shadcn UI, Drizzle ORM, Clerk, and Neon PostgreSQL.

In this project-based course you'll build ProStoic, a mindful journaling app where users can log personal reflections and use Mirror Mode, an AI-powered feature that analyzes challenges through a Stoic lens and offers practical steps to move forward based on Stoic philosophy. You’ll implement full authentication, role-based access, and a SaaS-style subscription system, all while letting Windsurf do 100% of the coding. AKA Vibe Coding!

That's right: the entire app is built by prompting Windsurf. No manual coding required. You'll see how to guide Windsurf from a blank repo to a deployed, production-ready app using Code Mode, structured prompting, and Windsurf Rules and Windsurf Workflows to steer the AI and get high-quality, secure, and reliable code output.

You'll also use MCP (Model Context Protocol) to seamlessly connect to your Neon PostgreSQL database and generate seed data, schemas, and queries via Drizzle ORM, all through AI.

Learn how to:

• Build a full-stack SaaS app from scratch using only Windsurf prompts

• Use Agent Mode and Windsurf Rules to drive consistent, secure, and accurate development

• Connect to Neon and populate relational data via MCP + Drizzle

• Implement auth, access control, and Stripe billing with Clerk

• Build beautiful, accessible UIs using Shadcn UI + Tailwind CSS

• Deploy with Vercel using production-ready environment configs

By the end you'll have a fully functional app, ProStoic, and the practical workflow to build real apps with AI. This isn't just about watching code get generated; it's about learning how to think, prompt, and steer AI like a pro developer.

If you're ready to stop hand-typing boilerplate and start building with AI the smart way, this is the course for you.