# Vibe Coding Academy > Learn to build and ship real products with AI coding tools like Claude Code, Cursor, and Lovable. Courses, live cohort training for product managers, free tutorials, and a blog covering AI-assisted development. Blog links below point to raw markdown versions of each article. The same articles are available as regular pages by removing the .md extension. ## Key pages - [Home](https://www.vibecodingacademy.ai): Vibe Coding Academy: learn to build and ship real products with AI coding tools. - [Claude Code for Product Managers](https://www.vibecodingacademy.ai/claude-code-for-pms.md): Live cohort course for PMs: price, dates, full syllabus, and what is included. 3 live sessions, 20 lessons, 3 projects. - [Pricing](https://www.vibecodingacademy.ai/pricing.md): All plans and prices: Master Course (one-time), Pro Plan (subscription), and the Claude Code for PMs cohort. - [AI Coding Tutorials](https://www.vibecodingacademy.ai/ai-coding-tutorials): Free tutorials and webinar replays on Claude Code, Cursor, Lovable, and more. - [Newsletter](https://www.vibecodingacademy.ai/newsletter): Bi-weekly newsletter on AI coding tools and product building. ## Courses - [Build a professional frontend prototype with Lovable, Bolt, or v0](https://www.vibecodingacademy.ai/courses/build-a-professional-frontend-prototype-with-lovable-bolt-or-v0): In this series, I’ll walk you through the step-by-step process I use to build the first version of a Lovable prototype, one that meets all my requirements for the design system and the user flows tha... - [How to Master Claude Code: Ship Code Faster & Build AI Agents](https://www.vibecodingacademy.ai/courses/how-to-master-claude-code-ship-code-faster-build-ai-agents): Become a Claude Code master. Ship code like a maniac and automate your life with custom commands and sub-agents. Claude Code is your new superpower. - [How to master the Terminal and Git](https://www.vibecodingacademy.ai/courses/how-to-master-the-terminal-and-git): Understanding the terminal and Git workflows is essential for building the solid practices you need to become a professional product builder. - [Handling authentication with Supabase](https://www.vibecodingacademy.ai/courses/handling-authentication-with-supabase): From a demo to people signing-up and authenticating to your app, this series will show you how to implement a full end-to-end and secure authentication user flow - [How to Implement Payments with Stripe](https://www.vibecodingacademy.ai/courses/how-to-implement-payments-with-stripe): Transform your app into a monetized product using Stripe. Follow my step-by-step guidance to build a full end-to-end payment flow that’s clean, robust, and aligned with modern developer best practice... - [Webhooks Mastery for Product Builders](https://www.vibecodingacademy.ai/courses/webhooks-mastery-for-product-builders): Many third-party integrations rely on webhooks. Stripe is one of the most important examples, which makes it essential to understand how to implement webhooks correctly in your app and build reliable... - [Connecting a frontend prototype to a backend to create a full-stack app ready-for-production](https://www.vibecodingacademy.ai/courses/connecting-a-frontend-to-a-backend-to-create-a-full-stack-app-ready-for-production): In this series, you’ll learn how to build the architecture of a full-stack application. We’ll create a frontend using Lovable and connect it to a backend that we’ll generate ourselves. - [Setting-up a database with Supabase, and building our first CRUD API endpoints](https://www.vibecodingacademy.ai/courses/setting-a-database-using-supabase-and-some-first-crud-actions): Learn how to connect your application to a Supabase database, then validate the setup by creating your first API endpoints to perform basic CRUD operations (Create, Read, Update, Delete). - [Master Course: Build and Ship a Production-Ready App with Lovable and Cursor](https://www.vibecodingacademy.ai/courses/master-course-build-and-ship-a-production-ready-app-with-lovable-and-cursor): Go from idea to production with Lovable and Cursor: frontend, backend, auth, database, and payments included. - [Your AI-powered design-to-code process: Use Figma MCP Server to code features from Figma Frames](https://www.vibecodingacademy.ai/courses/your-ai-powered-design-to-code-process-use-figma-mcp-server-to-code-features-from-figma-frames): Through hands-on design-to-code workflows, this course shows how to use Figma’s MCP server inside Cursor to automate design handoff. You’ll learn how to go from Figma prototypes to working code, enab... ## Blog - [Claude Opus 5: What It Is and How It Differs From Opus 4.8 and Fable 5](https://www.vibecodingacademy.ai/blog/claude-opus-5.md): Anthropic just shipped Claude Opus 5 as the new Claude Max default. Here is what changed, what it costs, and which model you should actually pick in Claude Code. - [Linear AI Agent: GitHub Copilot's Cloud Agent Hits GA](https://www.vibecodingacademy.ai/blog/linear-ai-agent-github-copilot-cloud-agent-ga.md): GitHub Copilot's cloud agent for Linear is now generally available, letting PMs assign issues to an AI agent the same way they'd assign them to a teammate. - [Replit Design vs Figma: Can Non-Designers Finally Skip Figma?](https://www.vibecodingacademy.ai/blog/replit-design-vs-figma-non-designers.md): Replit Design promises to kill the Figma handoff. We compare it against Figma for non-designers: who should switch, who should not, and what Figma still does better. - [Cursor Auto Mode: What Model Is It Actually Using?](https://www.vibecodingacademy.ai/blog/cursor-auto-mode-router-explained.md): Cursor Auto mode now runs on a classifier trained on 600,000+ real requests. Here is what model it picks, when to trust it, and when to override it. - [Claude Code Ultracode: What It Is, When to Use It, and When to Leave It Off](https://www.vibecodingacademy.ai/blog/claude-code-ultracode.md): Claude Code ultracode activates xhigh reasoning and automatic workflow orchestration, and it now runs on Claude Opus 5, Anthropic's current flagship. For the right class of work, it eliminates the ne... - [Claude Code Hooks: The Complete Guide to Automating Your Dev Workflow](https://www.vibecodingacademy.ai/blog/claude-code-hooks-complete-guide.md): Claude Code hooks are shell commands that fire automatically during Claude's workflow, formatting code, blocking dangerous commands, running tests, and sending Slack alerts without any manual input. - [Windsurf vs Cursor: Which AI Code Editor Wins for Vibe Coding in 2026?](https://www.vibecodingacademy.ai/blog/windsurf-vs-cursor.md): The AI code editor war intensified when Codeium rebranded to Windsurf in late 2024, positioning itself as a direct competitor to Cursor. Both tools are VS Code forks that put AI at the center of the... - [How to Add Playwright MCP to Claude Code: Setup, Config, and Troubleshooting](https://www.vibecodingacademy.ai/blog/playwright-mcp-claude-code-complete-guide.md): Learn how to connect the Playwright MCP server to Claude Code and automate browser testing, E2E tests, visual QA, and web scraping with natural language prompts. - [Cursor Rules: The Complete Guide to .mdc Files, Templates, and Best Practices (2026)](https://www.vibecodingacademy.ai/blog/cursor-rules-complete-guide.md): Learn how to use cursor rules with the updated .cursor/rules directory and .mdc format. Includes 15 ready-to-use templates for React, Supabase, Stripe, Prisma, and shadcn/ui, plus best practices for... - [Cursor AI Best Practices: Complete Guide to Coding 10x Faster in 2026](https://www.vibecodingacademy.ai/blog/cursor-ai-best-practices-guide-2026.md): Master Cursor AI with 8 proven best practices: context management, custom rules, Git worktrees, voice input, cloud agents, and more. Learn to code 10x faster while saving credits. - [Claude Artifacts Are Now in Claude Code: What It Means for Product Managers](https://www.vibecodingacademy.ai/blog/claude-code-artifacts.md): Claude Artifacts are now available inside Claude Code, and the framing matters: it is not a new feature. It is the same Artifacts capability from claude.ai, now living inside the agentic environment... - [Hermes Agent: The Open-Source Personal AI That's Killing OpenClaw in 2026](https://www.vibecodingacademy.ai/blog/hermes-agent.md): Hermes Agent is the new open-source personal AI agent from Nous Research. It ships with built-in memory, 40+ tools, and pre-installed skills, and it is replacing OpenClaw for serious daily users in M... - [Claude Skills: The Complete Guide for Product Managers](https://www.vibecodingacademy.ai/blog/claude-skills-guide-product-managers.md): Claude Skills let you write the rules once, in a SKILL.md file, so Claude follows your PRD template, funnel process, or competitor teardown every single time, automatically. - [Claude Code vs Cursor Pricing: What a Product Manager Actually Pays in 2026](https://www.vibecodingacademy.ai/blog/claude-code-vs-cursor-pricing.md): Both Claude Code and Cursor now work as agentic platforms for PMs, not just coding tools. Here is how to actually pick between them. - [My Go-To Stack for Shipping a Production-Ready App with AI](https://www.vibecodingacademy.ai/blog/ai-tech-stack-claude-code-supabase-stripe-vercel.md): Next.js, Supabase, Stripe, and Vercel, with Claude Code connecting all four. Here is the exact AI tech stack I teach, and the build order that makes it work. - [Claude Code as an Operating System for Product Teams: From PRD to Shipped Feature](https://www.vibecodingacademy.ai/blog/claude-code-workflows-prd-to-shipped-feature.md): Claude Code isn't a one-off prompt tool, it's an operating system for the whole feature lifecycle. Here are the 10 skills that take a PM from raw user interviews to a shipped, measured feature. - [Claude Code Memory: Make Claude Remember Your Product, Your Team, and Your Decisions](https://www.vibecodingacademy.ai/blog/claude-code-memory.md): Claude Code memory turns a chatbot you re-brief every morning into a colleague who remembers last sprint. Here is how CLAUDE.md, auto-memory, and subagent memory work together, and why subagent memor... - [Claude Sonnet 5 and the 1M Context Window: Feed Your Entire Product Context to Claude Code](https://www.vibecodingacademy.ai/blog/claude-sonnet-5-1m-context-window.md): Claude Sonnet 5 shipped with a native 1M-token context window on June 30, 2026. Here is what that means in PM terms, and where it still requires judgment. - [Claude Code in Slack: Tag Claude and Ship Work Without Leaving Your Team's Chat](https://www.vibecodingacademy.ai/blog/claude-code-in-slack.md): Tag @Claude in Slack and it spins up a real Claude Code session against your repo, carrying every custom command and agent you have already built. - [Claude Code Agents and Subagents Explained: Build Your First PM Agent in 20 Minutes](https://www.vibecodingacademy.ai/blog/claude-code-agents-and-subagents.md): Claude Code agents, subagents, and custom commands are not the same thing. Here is the real difference, plus a hands-on example: a five-source competitor watchlist you can build in 20 minutes. - [How to Use Claude Code When You Don't Write Code: A PM's First Week](https://www.vibecodingacademy.ai/blog/how-to-use-claude-code-non-technical-pm-first-week.md): A realistic 6-step first week for product managers to learn Claude Code with zero coding, from reading a codebase to automating your own repeated prompts. - [Claude in Chrome Is Now GA: What PMs Can Automate in the Browser Today](https://www.vibecodingacademy.ai/blog/claude-in-chrome-ga-product-managers.md): Claude in Chrome went GA on July 1, 2026, driving your real logged-in browser session, not a chatbot sidebar. Here is what product managers can actually automate with it today. - [GPT-5.6 vs Claude Fable 5: Side-by-Side for Product Managers](https://www.vibecodingacademy.ai/blog/gpt-5-6-vs-claude-fable-5-product-managers.md): GPT-5.6 previewed three new models (Sol, Terra, Luna) restricted to about 20 approved companies. Claude Fable 5 is live in Claude Code today. Here is what actually matters for PMs. - [Fable 5 Is Free Until July 7: What to Do With It Before It's Gone](https://www.vibecodingacademy.ai/blog/claude-fable-5-free-until-july-7.md): Fable 5, the first model in Anthropic's new Claude 5 family, is free with Claude subscriptions until July 7, 2026. Here is what to do with it before it is gone, and what to build so cheaper models ke... - [The Lovable MCP Server Is the Fastest Way for PMs to Validate a Product Hypothesis](https://www.vibecodingacademy.ai/blog/lovable-mcp-server-product-manager-prototype.md): Lovable just shipped its MCP server. Connected to Claude Code, it lets PMs spin up on-brand, shareable prototypes to validate hypotheses, with no engineering time required. - [Claude Code Plugins: How to Share Skills, Subagents, and Custom Commands Across Your Team](https://www.vibecodingacademy.ai/blog/claude-code-plugins.md): You built the skills, subagents, and custom commands. Here is the exact plugin structure that lets your whole team install your entire Claude Code toolkit in three commands. - [How to Reduce Claude Code Token Usage: 7 Habits to Cut Your Bill](https://www.vibecodingacademy.ai/blog/claude-code-token-usage.md): It's not your prompts that run up the bill. It's the context piling up behind them. Here are 7 practical habits to cut your Claude Code token cost. - [Claude Fable 5 for Product Managers: I Tested It, Here Is What Actually Changes](https://www.vibecodingacademy.ai/blog/claude-fable-5-for-product-managers.md): Anthropic just launched Claude Fable 5, its most powerful model yet. I tested it against Opus 4.8 and Sonnet 4.6, then broke down what it actually changes for product managers. - [Forward Deployed Engineer: Why PMs Are Better Positioned for This Role Than Engineers Think](https://www.vibecodingacademy.ai/blog/forward-deployed-engineer-product-managers.md): The forward deployed engineer role is the hottest job in tech right now. But most PMs are chasing the wrong version of it. Here is how to win the FDE wave without competing with engineers on their tu... - [AI Tools for Product Managers: The Agent Stack That Replaces Hand-Offs to Growth, Data, and Eng](https://www.vibecodingacademy.ai/blog/ai-tools-for-product-managers-agent-stack.md): Most lists of "AI tools for product managers" are out of date before you finish reading them. In 2026, the real question is not which chat tool to install, it is which agents to deploy to kill the ha... - [Harness Engineering Explained: What the Claude Code Leak and OpenAI's Keynote Reveal About Building With Agents in 2026](https://www.vibecodingacademy.ai/blog/harness-engineering-guide-2026.md): A harness is everything around an AI agent except the model itself. The Claude Code leak and Ryan Lopopolo's OpenAI keynote reveal why harness engineering is now the competitive moat in AI software d... - [NanoClaw: The 500-Line OpenClaw Alternative That Container-Isolates Every Skill](https://www.vibecodingacademy.ai/blog/nanoclaw.md): NanoClaw is the 500-line, container-isolated personal AI agent built on Anthropic's Claude Agent SDK. It is the minimalist OpenClaw alternative for users who want auditability, isolation, and a perso... - [Claude Code vs Codex CLI: The Head-to-Head Comparison That Settles the Debate](https://www.vibecodingacademy.ai/blog/claude-code-vs-codex.md): Claude Code vs Codex CLI, head-to-head across 9 categories with Opus 4.7 vs GPT 5.5. Token counts, usability, planning, and ecosystem compared. - [Claude Incognito Mode: What It Actually Does (and Doesn't) for Your Privacy](https://www.vibecodingacademy.ai/blog/claude-incognito-mode.md): Claude incognito mode keeps chats out of your history and away from model training. But it retains your data for 30 days, does not hide your identity, and does not exist at all in Claude Code. Here i... - [Claude Code Plan Mode: The Complete Guide to Planning Before You Build](https://www.vibecodingacademy.ai/blog/claude-code-plan-mode-complete-guide.md): Plan Mode is Claude Code's secret weapon for complex projects. Learn why the future of AI-assisted development is 80% planning and 20% execution, and how to master the read-only mode that separates a... - [Claude Code Tutorial: The Builder's Guide to Shipping Features Without a Dev Team](https://www.vibecodingacademy.ai/blog/claude-code-tutorial.md): A practical claude code tutorial for product builders, founders, and PMs who want to go from prompt to production without a dedicated dev team. - [Best AI Model for Vibe Coding in 2026: The Model Selection Playbook](https://www.vibecodingacademy.ai/blog/best-ai-model-for-vibe-coding-2026.md): Most vibe coding guides focus on the wrong question. They ask which tool to use and stop there. But inside every tool is a model making the actual decisions. This guide gives you the 2026 tier list,... - [Vercel AI SDK: The Must-Have Tool for AI Product Builders in 2025](https://www.vibecodingacademy.ai/blog/vercel-ai-sdk-complete-workflow-for-building-ai-apps-in-2025.md): Learn how to build AI applications fast with Vercel AI SDK, v0, and Next.js. Complete 5-step workflow from design to deployment for product builders. - [Figma MCP Claude Code: The Complete Setup Guide for Design-to-Code Workflows](https://www.vibecodingacademy.ai/blog/figma-mcp-claude-code-complete-guide.md): Learn how to connect Figma directly to Claude Code using the Figma MCP Server. This complete guide covers setup, all 13 tools, practical workflows, and tips for generating accurate, design-system-con... - [Claude Code Notion MCP: The Complete Setup Guide](https://www.vibecodingacademy.ai/blog/claude-code-notion-mcp-setup-guide.md): Learn how to connect Claude Code to your Notion workspace using the Notion MCP Server. Step-by-step setup guide with configuration examples and practical use cases. - [Claude Code Subagents: The Complete Guide to Parallel AI Agents in 2026](https://www.vibecodingacademy.ai/blog/claude-code-subagents-complete-guide.md): Claude Code subagents let you run isolated AI agents in parallel, each with its own context window, tool permissions, and model. This complete guide covers the April 24 2026 upgrade, copy-paste YAML... - [5 Vibe Coding Trends You Can't Afford to Miss in 2026](https://www.vibecodingacademy.ai/blog/vibe-coding-news-2026.md): The vibe coding revolution just crossed a major inflection point. What started as a fringe workflow for AI-native developers is now reshaping how Meta builds products, how Cursor designs its interfac... - [Claude Code vs Cursor: Which AI Coding Tool Should You Use in 2026?](https://www.vibecodingacademy.ai/blog/claude-code-vs-cursor.md): An in-depth comparison of Claude Code and Cursor covering features, pricing, context windows, automation capabilities, and when to use each AI coding tool. - [Figma AI Credits: Everything You Need to Know Before March 18th, 2026](https://www.vibecodingacademy.ai/blog/figma-ai-credits-everything-you-need-to-know.md): Figma is enforcing AI credit limits on all plans starting March 18th, 2026. This guide answers the 8 key questions about how credits work, how many you get per seat, how to track usage, what happens... - [Vibe Coding Best Practices: 9 Rules for Building Real Apps with AI](https://www.vibecodingacademy.ai/blog/vibe-coding-best-practices.md): Learn the essential best practices for vibe coding that separate developers who ship from those who restart. Covers prompt strategy, cost management, tool selection, validation workflows, and the hab... - [Claude Managed Agents: The Complete Guide to Anthropic's Hosted AI Agent Infrastructure](https://www.vibecodingacademy.ai/blog/claude-managed-agents-guide.md): Claude Managed Agents lets you deploy production-grade AI agents without building your own infrastructure. This guide covers the architecture, Agent SDK comparison, code examples, pricing, and real-w... - [Lovable vs Bolt vs Replit: The Honest 2026 Comparison for Vibe Coders](https://www.vibecodingacademy.ai/blog/lovable-vs-bolt-vs-replit-comparison-2026.md): Not sure whether to pick Lovable, Bolt, or Replit for your next app? This honest three-way comparison covers 2026 pricing, UX for beginners vs experienced builders, backend capabilities, code exporta... - [Product Managers Who Vibe Code Will Dominate the Next Decade](https://www.vibecodingacademy.ai/blog/product-managers-vibe-coding.md): The PM role is not dying, it is splitting into those who can ship and those who write documents about shipping. Here is why vibe coding is the highest-leverage skill a Product Manager can learn in 20... - [Best AI Coding Assistants in 2026: Cursor, Claude Code, GitHub Copilot & More Compared](https://www.vibecodingacademy.ai/blog/best-ai-coding-assistant-2026.md): Finding the best AI coding assistant has never mattered more. We compare Cursor, Claude Code, GitHub Copilot, Windsurf, Tabnine, and Amazon Q Developer across AI capabilities, pricing, and ideal use... - [Cursor AI Tutorial: Complete Guide to Building Apps 10x Faster in 2026](https://www.vibecodingacademy.ai/blog/cursor-ai-tutorial.md): 2026 Cursor AI guide: install + import VS Code, choose models, then use Tab, Cmd+K, Chat, Composer/Agent and .cursorrules to ship/refactor multi-file apps faster, with pricing + beginner pitfalls. - [Lovable AI Tutorial: Build a Full-Stack App Without Writing Code](https://www.vibecodingacademy.ai/blog/lovable-ai-tutorial.md): Learn how to use Lovable to build production-ready full-stack applications from natural language prompts. Covers all 10 core features including Supabase integration, GitHub automation, and AI-powered... - [AI Prototyping Tools: Why Specialization Beats All-in-One](https://www.vibecodingacademy.ai/blog/ai-prototyping-tools-why-specialization-beats-all-in-one.md): Learn why successful builders combine specialized AI prototyping tools instead of relying on single platforms to build production-ready applications - [Cursor vs GitHub Copilot: Which AI Code Editor Wins in 2026?](https://www.vibecodingacademy.ai/blog/cursor-vs-github-copilot.md): A detailed comparison of Cursor and GitHub Copilot covering features, pricing, agent capabilities, multi-file editing, and ecosystem integration to help you choose the right AI coding tool. - [Lovable vs Cursor: Which AI Coding Tool Should You Choose in 2026?](https://www.vibecodingacademy.ai/blog/lovable-vs-cursor.md): Lovable is where you prototype. Cursor is where you build for production. Learn when to use each AI coding tool and why combining them is the smartest workflow. - [Vibe Coding Platforms Compared: Which One Should You Use to Build Your App?](https://www.vibecodingacademy.ai/blog/vibe-coding-platforms-compared.md): Lovable, Bolt, Replit Agent, Cursor, V0, Base44, the major vibe coding platforms compared on workflows, pricing, strengths, and ideal use cases so you can choose the right one. - [Vibe Coding Tutorial: Build and Ship a Production-Ready App Step by Step](https://www.vibecodingacademy.ai/blog/vibe-coding-tutorial.md): Follow this complete vibe coding tutorial to build a production-ready SaaS app from scratch using Lovable, Cursor, Supabase, and Stripe. No traditional coding experience required. - [Product Distribution Beats Product Building: Why Technical Skills Aren't Enough](https://www.vibecodingacademy.ai/blog/product-distribution-beats-product-building-why-technical-skills-aren-t-enough.md): Learn why product distribution matters more than building skills for product builders. Discover how to leverage unfair advantages in the AI development era. - [Google AI Studio for Vibe Coding: Build Apps with Gemini in 2026](https://www.vibecodingacademy.ai/blog/google-ai-studio-vibe-coding.md): Learn how to use Google AI Studio's vibe coding features to build full-stack web applications with Gemini. Covers the Build mode, annotation features, deployment options, and how it compares to Lovab... - [AI Coding Tools Comparison 2026: The Complete Guide to Vibe Coding](https://www.vibecodingacademy.ai/blog/ai-coding-tools-comparison-2026.md): The landscape of software development transformed dramatically when AI coding tools became standard equipment rather than experimental luxuries. This comprehensive guide covers all 16 tools listed on... - [AI App Builders: The Complete Guide to Building Apps With AI in 2026](https://www.vibecodingacademy.ai/blog/ai-app-builder-complete-guide-2026.md): The best AI app builder in 2026 does not ask you to write a single line of code. This guide covers Lovable, Bolt, Replit Agent, and Base44 in depth, with walkthroughs, pricing, limitations, and clear... - [Gemini 3.0 Pro vs Claude Sonnet: Which AI Model Should You Use in 2026?](https://www.vibecodingacademy.ai/blog/gemini-3-0-pro-ai-model-review.md): The AI landscape transformed dramatically in early 2025 when Google unveiled Gemini 3.0 Pro, their most advanced language model to date. This comprehensive guide explores what makes this model specia... - [Vibe Coding Tools: 5 Major AI Updates from October 2025 You Can't Miss](https://www.vibecodingacademy.ai/blog/vibe-coding-tools-5-major-ai-updates-from-october-2025-you-can-t-miss.md): Discover the biggest vibe coding tools updates from October 2025. Cursor 2.0, Claude Skills, Google AI Studio overhaul, and more game-changing AI releases. - [The Rise of the Product Engineer: Why Companies Are Replacing PMs with Hybrid Tech Roles](https://www.vibecodingacademy.ai/blog/product-engineer-role-guide.md): The tech hiring landscape is experiencing a seismic shift that's catching both engineers and product managers off guard. Traditional product manager positions are vanishing, while a new hybrid role i... - [The Product Manager Role Evolution: What Lovable's $200M Hiring Strategy Reveals About the Future](https://www.vibecodingacademy.ai/blog/product-manager-role-evolution-lovable-200m-hiring.md): Lovable just hit $200 million in ARR with 100 employees and zero product managers. Now they're hiring their first PM, but the job description reveals something far more significant than a single hire. - [PM Training: Why LinkedIn's Product Builder Shift Matters](https://www.vibecodingacademy.ai/blog/pm-training-why-linked-in-s-product-builder-shift-matters.md): Learn how LinkedIn's new Associate Product Builder program is reshaping PM training and what modern product managers need to succeed in 2025 and beyond - [Open Source vs Closed Source in the Age of AI: Why Cal.com's Decision Matters for Developers](https://www.vibecodingacademy.ai/blog/open-source-vs-closed-source-ai-calcom.md): Cal.com just moved its core product to a private repo. Here is why AI has changed the open source vs closed source security calculus for every developer building in public. - [Custom MCP: How to Encode Your Expertise for AI-Powered Productivity](https://www.vibecodingacademy.ai/blog/custom-mcp-how-to-encode-your-expertise-for-ai-powered-productivity.md): Learn how to build a custom MCP (Model Context Protocol) to transform your expertise into an unfair advantage. Turn years of knowledge into AI-accessible tools. - [Best AI Code Generators in 2026: Build Faster with AI-Written Code](https://www.vibecodingacademy.ai/blog/best-ai-code-generators-2026.md): A curated roundup of the 7 best AI code generators in 2026, Cursor, GitHub Copilot, Lovable, Replit Agent, Claude Code, Bolt, and V0. Includes honest reviews, pricing comparison tables, and a guide t... - [Vibe Coding for Beginners: The Complete Guide to Building Apps with AI in 2026](https://www.vibecodingacademy.ai/blog/vibe-coding-for-beginners.md): Vibe coding lets you build real apps by describing what you want in plain English, no coding experience required. Here is everything beginners need to know to get started. - [Best AI Website Builders in 2026: From Lovable to v0, Which One Builds the Best Sites?](https://www.vibecodingacademy.ai/blog/best-ai-website-builder-2026.md): Finding the best AI website builder in 2026 means choosing between two fundamentally different categories: AI-augmented no-code tools like Framer and Webflow, and AI-native code generators like Lovab... ## Tracks - [Become a Product Builder powered by AI](https://www.vibecodingacademy.ai/tracks/become-a-product-builder-powered-by-ai): Even if you already have technical skills, tools evolve quickly. It’s essential to stay up to date with the latest capabilities so you can maintain peak productivity. - [Become a Self-Sufficient Growth Manager - Ship Lead Gen Tools Without Developers](https://www.vibecodingacademy.ai/tracks/become-a-self-sufficient-growth-manager-ship-lead-gen-tools-without-developers): Have you always had to rely on a developer on your Website team to ship improvements or build lead-generation tools? Vibe Coding empowers growth teams to create their own lead-gen tools, without wait... - [Become a Technical Product Designer](https://www.vibecodingacademy.ai/tracks/become-a-technical-product-designer): Vibe Coding can give Product Designers true superpowers, if they take the time to ramp up on these tools. There’s no reason to shy away from Cursor and similar AI coding assistants. The return on inv... - [Build Internal Tools Without Engineering Support](https://www.vibecodingacademy.ai/tracks/build-internal-tools-without-engineering-support): You might be part of an Ops team (Rev Ops, Sales Ops,..., or working as a Technical Product Manager. In every case, your mission is to prioritize and sometimes even build the internal tools that boos... - [From Product Manager To Product Builder](https://www.vibecodingacademy.ai/tracks/from-product-manager-to-product-builder): If you’re a Product Manager who wants to build stronger technical skills and take ownership of more of a feature or project’s lifecycle, follow this track and you'll know how to vibe-code an app all... - [Generate Your First $1k MRR by Shipping a Production-Ready App](https://www.vibecodingacademy.ai/tracks/generate-your-first-1k-mrr-by-shipping-a-production-ready-app): Tools like Lovable and Bolt can help you earn your first $1,000 online. But if you want to generate meaningful, sustainable revenue from your project, you’ll need additional skills to ensure your app... ## Lessons - [Intro To Figma's MCP Server And Presentation of the Workflows](https://www.vibecodingacademy.ai/lessons/intro-to-figma-s-mcp-server-and-presentation-of-the-workflows): Introduction to Figma MCP's server and description of the use cases we are going to tackle throughout the course. - [Securing the Design System In Our Code Base](https://www.vibecodingacademy.ai/lessons/securing-the-design-system-in-our-code-base): Now that we have our app working on a local environment, let's make sure we set-up properly our design system in our code. This will include generating a design system token json file, a /design-syst... - [Transform Figma frames into a Real App running on a local environment (Grocery App)](https://www.vibecodingacademy.ai/lessons/transform-figma-frames-into-a-real-app-running-on-a-local-environment-grocery-app): Let's take Figma Frames of a Grocery App, and transform into a functional application that can run on a local environment - [Adding a new feature to our App from a Figma Make Prototype](https://www.vibecodingacademy.ai/lessons/adding-a-new-feature-to-our-app-from-a-figma-make-prototype): For this last lesson of the course, we will add a new feature to our app leveraging the prototype of a feature that we will have built via Figma Make - [Adding a new feature from a user flow description in Figjam](https://www.vibecodingacademy.ai/lessons/adding-a-new-feature-from-a-user-flow-description-in-figjam): We will now add a new feature to our app using a user flow described via a diagram inside Figjam that we will be able to fetch via Figma's MCP server - [Leveraging Figma's MCP Server to Rebrand Our Application](https://www.vibecodingacademy.ai/lessons/leveraging-figmas-mcp-server-to-rebrand-our-application): Let's make a complete revamp of our application leveraging a completely different brand design system in Figma - [Installation of Figma's MCP server](https://www.vibecodingacademy.ai/lessons/installation-of-figmas-mcp-server): Description of the step by step process to install Figma's MCP server inside Cursor - [Setting-up environment variables in Netlify and Heroku](https://www.vibecodingacademy.ai/lessons/setting-up-environment-variables-in-netlify-and-heroku): The main task to perform when you’re using a deployment tool is making sure you are correctly adding product environment variables inside the product. We will start with Netlify’s CLI to handle our f... - [Reflecting entitlements in the frontend 1.1](https://www.vibecodingacademy.ai/lessons/reflecting-entitlements-in-the-frontend-1-1-beginner-course): Now that our backend handles subscription management, let's implement the final piece: enforcing feature entitlements in the frontend. This means blocking users from accessing features that their sub... - [Setting-up workflows around the Products](https://www.vibecodingacademy.ai/lessons/setting-up-workflows-around-the-products-beginner-course): Let’s now work on the products table. This table will be filled-in with the various products (or plans) that we will create inside Stripe. Each product will also hold the rules regarding the access t... - [Performing CRUD operations on a Supabase table](https://www.vibecodingacademy.ai/lessons/performing-crud-operations-on-a-supabase-table-beginner-course): Learn CRUD operations (Create, Read, Update, Delete) for database interactions. Set up API endpoints that enable users to perform these standard operations on your Supabase tables. - [Validating the connection between the frontend and the backend](https://www.vibecodingacademy.ai/lessons/validating-frontend-backend-connection-beginner-course): In this lesson, we will verify that the backend and the frontend "do speak" with each other. To do so, we will build a very simple feature that requires a backend logic. - [Coming up with a comprehensive competitive analysis](https://www.vibecodingacademy.ai/lessons/coming-up-with-a-comprehensive-competitive-analysis): Run competitive analysis to inform product decisions and positioning. Learn to identify what makes you stand out from competitors. We'll use ChatGPT's Deep Search feature for comprehensive research. - [How to build an AI wrapper using Nano Banana’s most recent model and V0?](https://www.vibecodingacademy.ai/lessons/how-to-build-an-ai-wrapper-using-nano-banana-s-most-recent-model-and-v0): Nano Banana is Google's more recent image generation model. Learn how to build the prototype of an AI Wrapper on top of this model - [Connecting the frontend of our application with the backend](https://www.vibecodingacademy.ai/lessons/connecting-the-frontend-of-our-application-with-the-backend): We will use all that we implemented before to finalize the implementation of the feature. In our specific case, this will be the feature to schedule a doctor's appointment - [Cloning and Pushing Code to a Remote like Github](https://www.vibecodingacademy.ai/lessons/cloning-and-pushing-code-to-a-remote-like-github): Now that we can track file changes locally, we’ll learn how to push those changes to a platform like GitHub to store our code and manage different workflows. - [Git: Tracking Code Changes Locally](https://www.vibecodingacademy.ai/lessons/git-tracking-code-changes-locally): Now that we master the most important commands in the terminal, let's now learn about Git to track local changes - [Getting your local environment ready for magic: running both backend and frontend on the same port](https://www.vibecodingacademy.ai/lessons/getting-your-local-environment-ready-for-magic-running-both-backend-and-frontend-on-the-same-port): This is a short lesson whose goal is to make slight changes to the way we are going to run our code locally. Here the goal is to make sure that we only have to use one command to run the code both on... - [Setting-up the connection with a Supabase account](https://www.vibecodingacademy.ai/lessons/setting-up-the-connection-with-a-supabase-table): Now that we have created our first table inside Supabase, we are going to implement the connection between our backend application and Supabase. This connection will be reused later, when we implemen... - [Validating the connection between the frontend and the backend](https://www.vibecodingacademy.ai/lessons/validating-the-connection-between-the-frontend-and-the-backend): In this lesson, we will verify that the backend and the frontend "do speak" with each other. To do so, we will build a very simple feature that requires a backend logic. - [Polishing your MVP’s user flow](https://www.vibecodingacademy.ai/lessons/polishing-your-mvp-user-flow): Create user flow mappings that describe user actions and interactions. Define detailed flows so AI tools understand your expectations. Focus on minimal viable flows for your MVP. - [Connecting your app to a Supabase database - Introductory video](https://www.vibecodingacademy.ai/lessons/connecting-your-app-to-a-supabase-database-introductory-video): We are going to start this series with a quick reminder about databases. We will also introduce Supabase, an easy-to-use tool to host your database table. - [How to connect to an External API using a Modular Architecture?](https://www.vibecodingacademy.ai/lessons/how-to-connect-to-an-external-api-using-a-modular-architecture): Developing a full-stack app requires to connect to external services. We will learn how to make sure you vibe code the connection to these external services in a generic and scalable way - [One-to-many database relationships and foreign keys with a concrete example](https://www.vibecodingacademy.ai/lessons/one-to-many-database-relationships-and-foreign-keys-with-a-concrete-example): Let’s now improve our database relationships skills, and introduce the notion of foreign keys and one-to-many relationships. - [Branches and pull requests](https://www.vibecodingacademy.ai/lessons/branches-and-pull-requests): Last piece to this series: how to handle branches and pull requests. Branches and pull requests will enable you to collaborate with several product builders and/or work on several features in paralle... - [Many-to-many database relationships with a concrete example](https://www.vibecodingacademy.ai/lessons/many-to-many-database-relationships-with-a-concrete-example): In this lesson, we are going to understand what a many-to-many database relationship is, and use this new notion for a concrete example - [Performing CRUD operations on a Supabase table](https://www.vibecodingacademy.ai/lessons/performing-crud-operations-on-a-supabase-table): CRUD operations are the standard operations that enable your users to interact with your app’s database: - C: Create - R: Read - U: Update - R: Delete These operations are generally performed via HTT... - [[Bonus] Using Vibe Coding Academy’s MCP server to generate the backend of your application](https://www.vibecodingacademy.ai/lessons/bonus-using-vibe-coding-academy-s-mcp-server-to-generate-the-backend): This is a bonus sessions during which I'll show another method to generate the backend of your application and connect it to your already existing frontend using Vibe Coding Academy's MCP - [Introduction to the overall structure of a full-stack application](https://www.vibecodingacademy.ai/lessons/introduction-to-the-overall-structure-of-a-full-stack-application): In this lesson, we'll explore the overall architecture of a web application. You'll learn how the frontend and backend communicate with each other to bring your app to life. This is a theoretical wal... - [Subscription flow 1.1 (Generating checkout sessions)](https://www.vibecodingacademy.ai/lessons/subscription-flow-11-generating-checkout-sessions-beginner-course): We are now going to improve the user flow inside the pricing page so that a checkout session is created after the user clicks on the “Subscribe” This will be required as the event “subscription.creat... - [Creating the backend structure of your application](https://www.vibecodingacademy.ai/lessons/creating-the-backend-structure-of-your-application): Now that we've covered the overall architecture we'll be using, and since we already have a working frontend, it's time to implement the backend to fit within this structure. - [Performing our First Deployment and connecting our custom Domain to Netlify & Heroku](https://www.vibecodingacademy.ai/lessons/performing-our-first-deployment-and-connecting-our-custom-domain-to-netlify-and-heroku): Since domain setup can take some time, we’ll connect our custom domain or subdomain from the domain registrar to both our Netlify (frontend) and Heroku (backend) apps now. This way, our first deploym... - [Getting your local environment ready for magic](https://www.vibecodingacademy.ai/lessons/getting-your-local-environment-ready-for-magic): This is a short lesson whose goal is to make slight changes to the way we are going to run our code locally. Here the goal is to make sure that we only have to use one command to run the code both on... - [The sign-out user flow](https://www.vibecodingacademy.ai/lessons/the-sign-out-user-flow): Now that the user can sign-in, we need to implement the reverse flow that is sign-out. The sign-out generally redirects the user to the sign-in page, and also deletes the access_token from the browse... - [Mastering the Terminal and Git](https://www.vibecodingacademy.ai/lessons/mastering-the-terminal-and-git): We will start by introducing what is the terminal, and the most important commands you need to master - [Integrating an external API 1.2](https://www.vibecodingacademy.ai/lessons/integrating-an-external-api-1-2): Let's wrap things up by implementing the email template editing feature. We'll also add a rollback feature that allows users to revert to a previous version of an email template. With these additions... - [High-level view of payments with Stripe](https://www.vibecodingacademy.ai/lessons/high-level-view-of-payments-with-stripe): Start monetizing your product by integrating payments. Learn how to validate market demand by enabling users to purchase directly. We'll use Stripe, a developer-friendly platform for payment processi... - [Setting-up the connection with a Supabase table](https://www.vibecodingacademy.ai/lessons/setting-up-the-connection-with-supabase-table-beginner-course): Now that we have created our first table inside Supabase, we are going to implement the connection between our backend application and Supabase. This connection will be reused later, when we implemen... - [The sign-up user flow](https://www.vibecodingacademy.ai/lessons/the-sign-up-user-flow): We’re going to look at how to register users in Supabase using a sign-up flow. We’ll start by understanding where and how Supabase manages user accounts, and then implement the logic needed to sign u... - [Protecting backend API routes](https://www.vibecodingacademy.ai/lessons/protecting-backend-api-routes-beginner-course): Now that we have protected our frontend routes, we also need to prevent malicious users from using our api backend routes if they are not authenticated. - [Designing Your Stripe-Ready Database Schema](https://www.vibecodingacademy.ai/lessons/designing-your-stripe-ready-database-schema-beginner-course): We’re getting closer to our first Stripe integration, but before that, we need to set up our database. In this tutorial, we’ll walk through the tables you need to create and how they relate to one an... - [The Stripe Subscription Update and Cancellation flow 1.1 (Generating a customer portal session)](https://www.vibecodingacademy.ai/lessons/the-stripe-subscription-update-and-cancellation-flow-1-1-generating-a-customer-portal-session): Now that the subscription creation workflow is in place, we can move on to handling subscription updates and cancellations. These flows start from the Customer Portal, which customers can access from... - [Introduction to the overall structure of the application](https://www.vibecodingacademy.ai/lessons/introduction-to-the-overall-structure-of-the-application): In this tutorial, we'll explore the overall architecture of a web application. You'll learn how the frontend and backend communicate with each other to bring your app to life. This is a theoretical w... - [The Subscription Update and Cancellation flow 1.3 (Cancelling a subscription)](https://www.vibecodingacademy.ai/lessons/the-subscription-update-and-cancellation-flow-13-cancelling-a-subscription-beginner-course): Handle subscription cancellations in two stages: user initiates cancellation (subscription marked as canceled but active), then subscription becomes inactive at billing cycle end. - [Introduction to Cursor](https://www.vibecodingacademy.ai/lessons/introduction-to-cursor-beginner-course): Cursor is a code editor that is natively based on AI. There’s no real technical barrier to using this product, so you should be able to rapidly get your hands dirty on the tool! - [Stripe Integration Workflows](https://www.vibecodingacademy.ai/lessons/stripe-integration-workflows-beginner-course): Understand Stripe API workflows for subscription management. Learn the two main flows: initial subscription creation, and subscription updates/cancellations. Implement complete subscription logic. - [Implementing the pricing page](https://www.vibecodingacademy.ai/lessons/implementing-the-pricing-page-beginner-course): Let’s start by refining our first pricing offer, and design the corresponding pricing page. For now, this should be only a frontend implementation, we will not connect the product to Stripe. - [Reflecting entitlements in the frontend 1.1](https://www.vibecodingacademy.ai/lessons/reflecting-entitlements-in-the-frontend-1-1): Now that our backend handles subscription management, let's implement the final piece: enforcing feature entitlements in the frontend. This means blocking users from accessing features that their sub... - [Trigger Business Logic from Webhooks](https://www.vibecodingacademy.ai/lessons/trigger-business-logic-from-webhooks): We will now complete our feature by implementing the business logic that runs after the webhook endpoint receives the data. - [The Subscription Update and Cancellation flow 1.2 (Updating a subscription)](https://www.vibecodingacademy.ai/lessons/the-subscription-update-and-cancellation-flow-12-updating-a-subscription-beginner-course): Now that the Customer Portal is set up and users can update or cancel their subscriptions, let’s focus on implementing the logic to reflect those changes in our system. Specifically, we’ll update the... - [Preparing our app for deployment: Replacing hard-coded URLs with environment variables](https://www.vibecodingacademy.ai/lessons/preparing-our-app-for-deployment-replacing-hard-coded-urls-with-environment-variables-deployment): Replace hard-coded URLs with environment variables before deployment. Learn why localhost references will break your production app and how to use dynamic URLs that work across all environments. - [Syncing Lovable’s code with Cursor via Github](https://www.vibecodingacademy.ai/lessons/syncing-lovable-s-code-to-cursor): Lovable lets you export the code it generates, so you can use it wherever you like. This is a powerful feature that will allow us to move the code into Cursor, our go-to tool for building anything we... - [Performing our First Deployment and connecting our custom Domain to Netlify & Heroku](https://www.vibecodingacademy.ai/lessons/performing-our-first-deployment-and-connecting-our-custom-domain-to-netlify-heroku): Performing our First Deployment and connecting our custom Domain to Netlify & Heroku - [Protecting the frontend routes of our application](https://www.vibecodingacademy.ai/lessons/protecting-the-frontend-routes-of-our-application-beginner-course): Protect frontend routes to ensure only authenticated users access certain pages. Redirect unauthenticated users to login, then back to their original destination. Implement secure route protection. - [Protecting backend API routes](https://www.vibecodingacademy.ai/lessons/protecting-backend-api-routes): Now that we have protected our frontend routes, we also need to prevent malicious users from using our api backend routes if they are not authenticated. - [Syncing Lovable’s code with Cursor via Github](https://www.vibecodingacademy.ai/lessons/syncing-lovables-code-with-cursor-via-github): Export your Lovable-generated code to Cursor for full-stack development. Learn why this combination is the ultimate cheat code for building complete applications. Set up GitHub, Cursor, and the local... - [Getting started with Stripe](https://www.vibecodingacademy.ai/lessons/getting-started-with-stripe-beginner-course): Get familiar with Stripe's main objects and navigation. Understanding Stripe is crucial for payment implementation and customer support. Learn to troubleshoot issues and investigate customer problems. - [Last adjustments to our Supabase set-up](https://www.vibecodingacademy.ai/lessons/last-adjustments-to-our-supabase-set-up-beginner-course): Almost there, a few adjustments to make on our Supabase set-up, and some advice for your downline. This video will actually save you up a lot of time, as I myself got stuck on this one for a long time - [Design systems fundamentals](https://www.vibecodingacademy.ai/lessons/design-systems-fundamentals): Create design guidelines that reflect your brand. Make your design system clear and AI-friendly so tools like Lovable can understand and follow your branding preferences. - [Understanding Frontend & Backend Deployment](https://www.vibecodingacademy.ai/lessons/understanding-frontend-backend-deployment): Deploy frontend and backend separately using Netlify and Heroku. Learn the deployment strategy for split-architecture applications. Note: This doesn't apply to unified setups like Next.js on Vercel. - [Reflecting entitlements in the frontend 1.2 (credits counter)](https://www.vibecodingacademy.ai/lessons/reflecting-entitlements-in-the-frontend-1-2-credits-counter-1): Track credit consumption accurately as customers generate templates. Implement credit counter that decreases with each generation, ensuring customers stay within their plan limits. - [How to Receive and Handle Stripe Webhooks](https://www.vibecodingacademy.ai/lessons/how-to-receive-and-handle-stripe-webhooks-beginner-course): Understand webhooks and how Stripe uses them. Learn to set up Stripe webhooks and configure your app to receive and handle webhook events properly. - [Get Started with Spec-Driven Development using Github Spec Kit](https://www.vibecodingacademy.ai/lessons/get-started-with-spec-driven-development-using-github-spec-kit): Learn how to use Github Spec Kit’s framework to create clear, detailed specs for your app before handing them off to AI to build the code - [The sign-in user flow](https://www.vibecodingacademy.ai/lessons/the-sign-in-user-flow): Now that users can sign-up, we need make it possible for them to sign-in so they can be authenticated and access the app. Let’s see how to do that in the following Lesson - [Switch to our Stripe production environment 1.2 (Finalizing the set-up)](https://www.vibecodingacademy.ai/lessons/switch-to-our-stripe-production-environment-1-2-finalizing-the-set-up): Our app is now live in production and tested, but some of our external API connections are still pointing to test environments. That’s the case with Stripe. To ensure we can receive real payments in... - [The Subscription Update and Cancellation flow 1.1 (Generating a billing portal session)](https://www.vibecodingacademy.ai/lessons/the-subscription-update-and-cancellation-flow-11-generating-a-billing-portal-ses-beginner-course): Enable subscription updates and cancellations via Customer Portal. Generate billing portal sessions when users click 'Manage subscription'. Similar to checkout session creation. - [Setting Up Workflows Around Accounts - Revisited: Adding Security](https://www.vibecodingacademy.ai/lessons/setting-up-workflows-around-accounts-revisited-adding-security-beginner-course): In this follow-up tutorial, we'll secure the workflow setup we built around accounts. As you may recall, we had to disable authentication for API calls because users weren't authenticated during acco... - [Implementing RLS policies](https://www.vibecodingacademy.ai/lessons/implementing-rls-policies): RLS policies enable to filter the data that a user should access to. In our example, our users should only visualize the templates they have generated. Supabase’s RLS policies feature is going to ena... - [Reset password user flow](https://www.vibecodingacademy.ai/lessons/reset-password-user-flow): Implement password reset functionality using Supabase built-in methods. Learn to send reset emails and update passwords securely. Requires a reset password page with input fields. - [Improvement of the sign-up flow via a Supabase Database Function (Automatic Account creation)](https://www.vibecodingacademy.ai/lessons/improvement-of-the-sign-up-flow-via-a-supabase-database-function-automatic-account-creation): We’ll use a Supabase feature that leverages a database function to automatically create a record in the accounts table whenever a new user is added to the auth table. - [Git fundamentals: Basic terminal commands and pushing your code to Github](https://www.vibecodingacademy.ai/lessons/git-fundamentals-basic-terminal-commands-and-pushing-your-code-to-github): Learn essential terminal commands for interacting with your local environment. Understand Git basics and push code to GitHub. This tutorial makes terminal usage approachable for beginners. - [Getting started with Stripe](https://www.vibecodingacademy.ai/lessons/getting-started-with-stripe): Now let’s dive into Stripe and get familiar with its main objects. Understanding how to navigate Stripe is important for two key reasons: It will help you with the technical implementation of payment... - [Full implementation of the sign-in flow](https://www.vibecodingacademy.ai/lessons/full-implementation-of-the-sign-in-flow-with-supabase): Now that users can sign-up, we need make it possible for them to sign-in so they can be authenticated and access the app. Let’s see how to do that in the following Lesson - [Creating a Real Webhook Receiver in Your App](https://www.vibecodingacademy.ai/lessons/create-a-real-webhook-receiver-in-your-app): Now that we’ve seen how to send data from a source to a test destination, we’ll learn how to properly receive this data within our own application. - [Stripe Subscription flow 1.1 (Generating checkout sessions)](https://www.vibecodingacademy.ai/lessons/stripe-subscription-flow-1-1-generating-checkout-sessions): We are now going to improve the user flow inside the pricing page so that a checkout session is created after the user clicks on the “Subscribe” This will be required as the event “subscription.creat... - [Database essentials 1.1 - Foreign key values](https://www.vibecodingacademy.ai/lessons/database-essentials-1-1-foreign-key-values): Let’s now improve our database relationships skills, and introduce the notion of foreign keys and one-to-many relationships - [Subscription flow 1.2 (Creating the subscriptions)](https://www.vibecodingacademy.ai/lessons/subscription-flow-1-2-creating-the-subscriptions): Complete subscription flow by processing Stripe webhook data. Create subscription records and update accounts in your database. Ensure users get correct feature access based on their plan. - [Setting-up workflows around the Accounts](https://www.vibecodingacademy.ai/lessons/setting-up-workflows-around-the-accounts-beginner-course): Before diving into Stripe objects, we first need to create a new Account object. This will act as an extended version of the user, storing additional attributes, such as the stripe_customer_id if the... - [Creating the backend structure of your application](https://www.vibecodingacademy.ai/lessons/creating-backend-structure-beginner-course): Now that we've covered the overall architecture we'll be using, and since we already have a working frontend, it's time to implement the backend to fit within this structure. - [Full implementation of the sign-up flow](https://www.vibecodingacademy.ai/lessons/full-implementation-of-the-sign-up-flow-with-supabase): We’re going to look at how to register users in Supabase using a sign-up flow. We’ll start by understanding where and how Supabase manages user accounts, and then implement the logic needed to sign u... - [Setting Up Workflows Around Accounts - Revisited: Adding Security](https://www.vibecodingacademy.ai/lessons/setting-up-workflows-around-accounts-revisited-adding-security): In this follow-up tutorial, we'll secure the workflow setup we built around accounts. As you may recall, we had to disable authentication for API calls because users weren't authenticated during acco... - [[Bonus] Using Vibe Coding Academy’s MCP server to generate a prototype of your app inside Lovable, Bolt or V0](https://www.vibecodingacademy.ai/lessons/bonus-using-vibe-coding-academy-s-mcp-server-to-generate-a-prototype-of-your-app-inside-lovable-bolt-or-v0): This is a bonus sessions during which I'll show another method to generate a prototype inside your Lovable, Bolt or V0 using Vibe Coding Academy's MCP - [Generating the frontend of the application with Lovable](https://www.vibecodingacademy.ai/lessons/generating-the-frontend-of-the-application-with-lovable): Transform your PRD into a live prototype with Lovable. Learn the ready-to-use prompt for frontend generation. We'll use mocked data initially, reserving backend flexibility for Cursor. - [Secure Webhook Implementation: How to Verify Webhook Signatures](https://www.vibecodingacademy.ai/lessons/secure-webhook-implementation-how-to-verify-webhook-signatures): Some third-party tools require you to verify a webhook signature to ensure that you’re authorized to receive the data being sent. Stripe is a common example, which makes understanding this type of im... - [The Subscription Update and Cancellation flow 1.3 (Cancelling a subscription)](https://www.vibecodingacademy.ai/lessons/the-subscription-update-and-cancellation-flow-1-3-cancelling-a-subscription): Let’s now implement the final use case: when a user wants to cancel their subscription. The cancellation workflow happens in two stages: - Stage 1: The user initiates the cancellation. This schedules... - [Stripe Subscription flow 1.2 (Creating the subscriptions)](https://www.vibecodingacademy.ai/lessons/stripe-subscription-flow-1-2-creating-the-subscriptions): Let’s wrap up our Stripe setup for the subscription flow by using the data received from Stripe webhooks after a successful payment. We’ll use this data to create the subscription in our database and... - [Implementation of the sign-out flow](https://www.vibecodingacademy.ai/lessons/implementation-of-the-sign-out-flow-with-supabase): Now that the user can sign-in, we need to implement the reverse flow that is sign-out. The sign-out generally redirects the user to the sign-in page, and also deletes the access_token from the browse... - [How to Receive and Handle Stripe Webhooks](https://www.vibecodingacademy.ai/lessons/how-to-receive-and-handle-stripe-webhooks): As we saw earlier in the description of the Stripe workflows, Stripe relies heavily on webhooks. Webhooks are a common concept in modern applications, so we’ll start with a quick refresher on what th... - [Understanding Webhooks: What They Are & Why They Exist](https://www.vibecodingacademy.ai/lessons/what-is-a-webhook): In this lesson, we’ll introduce the concept of webhooks and explain why they play an essential role in modern applications. - [Protecting the frontend routes of our application](https://www.vibecodingacademy.ai/lessons/protecting-the-frontend-routes-of-our-application): Now that users can sign in to our app, we need to protect the frontend routes of our application. What does this mean? It means that only authenticated users (i.e., users with a valid JWT token) shou... - [Design systems fundamentals II - Importing an existing design system](https://www.vibecodingacademy.ai/lessons/design-systems-fundamentals-ii-importing-an-existing-design-system): Sometimes you'll want to directly reuse an existing design system. This lesson is going to teach you how to retrieve the design tokens of an existing app. And how to use them inside your PRD so that... - [Running a first technical discovery](https://www.vibecodingacademy.ai/lessons/running-a-first-technical-discovery): Validate technical feasibility before building. Check if required APIs exist and have necessary capabilities. Identify potential technical blockers early to avoid wasted effort. - [Creating a first version of Product Requirement Document (PRD) that is ready for Lovable](https://www.vibecodingacademy.ai/lessons/creating-a-first-version-of-product-requirement-document-that-is-ready-for-lovable): A PRD (Product Requirements Document) is a structured blueprint for Product Managers. It comprehensively details a product or feature, from user pain points and personas to pricing models. - [High-level view of payments with Stripe](https://www.vibecodingacademy.ai/lessons/implementing-payments-with-stripe): Let me walk you through the various steps we are going to need to implement - [How To Master Claude Code - Effective Prompting & Workflows](https://www.vibecodingacademy.ai/lessons/claude-code-effective-prompting-workflows): Efficient prompting tips and rapid bug-fixing techniques. - [Switch to our Stripe production environment 1.1 (Validating our set-up)](https://www.vibecodingacademy.ai/lessons/switch-to-our-stripe-production-environment-1-1-validating-our-set-up): Before switching fully to Stripe production, let’s run a final QA, this can still be done in the staging environment if needed. Since our setup now uses only environment variables to switch between l... - [Stripe Payments - Introductory video](https://www.vibecodingacademy.ai/lessons/introductory-video-stripe-payments): Let me introduce this series and walk you through the payments feature we are going to build on a concrete example. - [Designing Your Stripe-Ready Database Schema](https://www.vibecodingacademy.ai/lessons/designing-your-stripe-ready-database-schema): We’re getting closer to our first Stripe integration, but before that, we need to set up our database with the proper tables. In this lesson, we’ll walk through the tables you need to create and how... - [The Subscription Update and Cancellation flow 1.2 (Updating a subscription)](https://www.vibecodingacademy.ai/lessons/the-subscription-update-and-cancellation-flow-1-2-updating-a-subscription): Now that the Customer Portal is set up and users can update or cancel their subscriptions, let’s focus on implementing the logic to reflect those changes in our system. Specifically, we’ll update the...