From Zero to Full-stack! Build a Next.js Project Management App in 3 Hours with Claude Code (Supabase, Stripe, Production-ready) [Original Bilingual Subtitles]

This Claude Code course will take you from zero to one in building a complete project management application. You'll use the tools real developers actually rely on — Supabase, Stripe, Resend and Vercel — with Claude Code doing the core development work. This is a 26-lesson beginner video course (3 hours 34 minutes) that teaches you to build a full-stack application with Claude Code. The app you'll build is a project management tool with a kanban dashboard that runs on both web and mobile. The course covers eight core areas of app development: design, authentication, user experience, database, payments, email, AI integration and deployment. You'll set up authentication and database storage with Supabase, connect transactional email with Resend, add payment processing with Stripe, integrate AI features with the AI SDK, and finally deploy the finished app to Vercel for real customers. What you'll learn: – How to set up authentication, database storage and edge functions with Supabase – How to configure Stripe payment processing and Resend transactional email – How to build a collaborative kanban dashboard that runs on both web and mobile – How to use the AI SDK to integrate AI features into your app – How to deploy the finished app to Vercel for real customers Tutorial language: bilingual subtitles / Chinese & English. Document language: English. Please use AI translation yourself. Security scan: no virus, no plugins / cloud scan by Virustotal Virscan. File format: video / documents / image-text. Compression software: 7ZIP. Video playback: perfect decoding / potplayer / QQ Player Course catalog[Note: the material titles are in original English; documents are not translated yet; just run your own AI translation]│ └─Build a full-stack Next.js app with Claude Code│ ├─Section 1 (1)│ │ 1. Introduction│ │ 2. How to get help│ │ 3. Tools and services│ │ 4. Install local development tools││ ├─Section 2 (1)│ │ 1. Create a Next.js app│ │ 2. Cursor overview│ │ 3. Claude Code installation│ │ 4. Claude Code configuration and settings│ │ 5. Version control with Git and GitHub│ │ 6. Install skills││ ├─Section 3 (1)│ │ 1. Product developer traits│ │ 2. Create PRD and plan.md│ │ 3. Local Supabase and milestone 1││ ├─Section 4 (1)│ │ 1. Authentication and onboarding│ │ 2. Dashboard design, project data│ │ 3. Kanban features│ │ 4. User testing and iteration│ │ 5. User and team settings│ │ 6. Configure Resend for email││ ├─Section 5 (1)│ │ 1. Stripe configuration – Part 1│ │ 2. Stripe configuration – Part 2│ │ 3. Test payments│ │ 4. Stripe customer portal││ ├─Section 6 (1)│ │ 1. AI SDK overview│ │ 2. Landing page design││ └─Section 7 (1)│ 1. Create a Supabase remote project│ 2. Deploy to Vercel│ 3. Live Stripe webhook│ 4. Live user testing│ 5. Congratulations