Vibe Coding Tutorials
Learn to build apps with AI tools through detailed, step-by-step tutorials. From landing pages to full SaaS applications - find the perfect guide for your project.
Difficulty
Tool
App Type
How to Build a Landing Page with v0
Create a stunning, conversion-focused landing page using v0's AI-powered component generator - no coding required
How to Build a Landing Page with Lovable
Build a complete, deployable landing page using Lovable's full-stack AI platform with hosting included
How to Build a Landing Page with Framer
Design and publish a beautiful, animated landing page using Framer's visual editor and AI features
How to Build a Dashboard with Lovable
Create a data-driven dashboard with charts, metrics, and real-time updates using Lovable's AI builder
How to Build a Dashboard with Bolt
Rapidly prototype and deploy a dashboard application using Bolt's AI-powered development environment
How to Build a Dashboard with Retool
Create powerful internal dashboards by connecting directly to your databases and APIs with Retool
How to Build a Booking App with Lovable
Create a complete appointment booking system with calendar integration using Lovable's AI platform
How to Build a Booking App with Bolt
Quickly create a functional booking application with Bolt's rapid development capabilities
How to Build a CRM with Lovable
Build a custom customer relationship management system tailored to your business needs
How to Build a CRM with Supabase
Create a powerful CRM backend with Supabase's database, authentication, and real-time features
How to Build a Marketplace with Lovable
Create a two-sided marketplace connecting buyers and sellers with listings, search, and transactions
How to Build a Marketplace with Bolt
Rapidly prototype a marketplace application with Bolt's AI-assisted development
How to Build a Portfolio with v0
Create a stunning personal portfolio to showcase your work using v0's AI component generator
How to Build a Portfolio with Framer
Design a visually impressive portfolio with Framer's animation and interaction capabilities
How to Build a Blog with Lovable
Create a full-featured blog with post management, categories, and a clean reading experience
How to Build a Blog with Sanity
Create a powerful blog with Sanity's headless CMS for flexible content management
How to Build an E-commerce Store with Lovable
Create a complete online store with product listings, cart, and checkout functionality
How to Build an E-commerce Store with Webflow
Create a beautifully designed online store using Webflow's visual builder and e-commerce features
How to Build an Auth System with Supabase
Implement secure user authentication with email, social logins, and role-based access
How to Build an Auth System with Clerk
Add beautiful, secure authentication to your app with Clerk's pre-built components
How to Build a Database with Supabase
Set up a powerful PostgreSQL database with automatic APIs and real-time capabilities
How to Build a Database with Firebase
Create a real-time NoSQL database with Firebase Firestore for flexible, scalable data storage
How to Build an API with Supabase
Create a RESTful API instantly with Supabase's auto-generated endpoints and edge functions
How to Build a Waitlist with v0
Create an attractive waitlist page to capture early interest for your upcoming product launch
How to Build a Waitlist with Lovable
Build a complete waitlist system with email storage, notifications, and admin dashboard
How to Build a Form with v0
Create beautiful, functional forms with validation using v0's component generator
How to Build a Survey with Lovable
Create a multi-step survey with question branching and response analytics
How to Build an Invoice App with Lovable
Create a professional invoicing system to track payments and manage client billing
How to Build a Membership Site with Lovable
Create a gated content platform with subscriptions, member areas, and content dripping
How to Build a Job Board with Lovable
Create a niche job board connecting employers with candidates in your industry
How to Build a Directory with Lovable
Create a searchable business or resource directory with listings and categories
How to Build a Community Platform with Lovable
Create an online community with discussions, member profiles, and engagement features
How to Build a SaaS with Lovable
Create a complete software-as-a-service application with subscriptions and user management
How to Build a SaaS with Bolt
Rapidly prototype and build a SaaS MVP using Bolt's AI development platform
How to Build an Admin Panel with Retool
Create a powerful admin panel for managing your application's data and users
How to Build an Internal Tool with Retool
Create custom internal tools to streamline your team's workflows and operations
How to Build a Mobile App with Expo
Create a cross-platform mobile app for iOS and Android using Expo and React Native
How to Build a Mobile App with Glide
Create a mobile app without code using Glide's spreadsheet-powered app builder
How to Build a Chatbot with Lovable
Create an AI-powered chatbot for customer support or engagement on your website
How to Build an AI App with Lovable
Create an AI-powered application that leverages large language models for your use case
How to Build a Landing Page with Webflow
Create a pixel-perfect landing page with Webflow's powerful visual design tools
How to Build a Landing Page with Bolt
Quickly create a landing page with Bolt's AI-powered development platform
How to Build a Dashboard with v0
Generate dashboard components and layouts using v0's AI-powered UI builder
How to Build a Portfolio with Lovable
Create a complete portfolio site with project management and contact features
How to Build a Blog with Ghost
Set up a professional blog with Ghost's powerful publishing platform
How to Build an E-commerce Store with Shopify
Launch an online store with Shopify's industry-leading e-commerce platform
How to Build an API with Firebase
Create serverless APIs using Firebase Cloud Functions and Firestore
How to Build a Form with Lovable
Create sophisticated forms with validation, conditional logic, and data storage
How to Build a Waitlist with Bolt
Quickly create a waitlist landing page for your upcoming launch with Bolt
How to Build a CRM with Airtable
Create a flexible CRM system using Airtable's powerful database and automation features
How to Build a Booking System with Calendly
Set up professional appointment scheduling with Calendly's powerful booking features
How to Build an Email System with Resend
Create beautiful transactional emails with Resend's developer-friendly email API
How to Build a Payment System with Stripe
Integrate secure payment processing with Stripe's comprehensive payment platform
How to Build a Notification System with Novu
Create a multi-channel notification infrastructure with Novu's open-source platform
How to Build Search with Algolia
Add lightning-fast, typo-tolerant search to your application with Algolia
How to Build Analytics with Mixpanel
Implement product analytics to understand user behaviour with Mixpanel
How to Build File Storage with UploadThing
Add file uploads to your application with UploadThing's simple API
How to Build File Storage with Cloudinary
Manage and transform images and videos with Cloudinary's media platform
How to Build Real-time Features with Pusher
Add real-time functionality to your application with Pusher's WebSocket infrastructure
How to Build a CMS with Contentful
Set up a flexible headless CMS for your content-driven applications
How to Build a Video App with Mux
Add video streaming and upload capabilities to your application with Mux
How to Build a Scheduling App with Cal.com
Create a flexible scheduling system with the open-source Cal.com platform
How to Build Documentation with Mintlify
Create beautiful, searchable documentation for your product or API
How to Build an AI App with OpenAI
Integrate OpenAI's GPT models into your application for intelligent features
How to Build an AI App with Claude
Integrate Anthropic's Claude for thoughtful, nuanced AI features in your application
How to Build Workflows with n8n
Create powerful automation workflows with n8n's visual workflow builder
How to Build Workflows with Zapier
Automate repetitive tasks by connecting your apps with Zapier
How to Build a Feedback System with Canny
Collect and prioritise user feedback with Canny's feedback management platform
How to Build a Changelog with Headway
Keep users informed about updates with Headway's changelog widget
How to Build a Status Page with Instatus
Create a public status page to communicate service health with users
How to Build a Support System with Intercom
Create a customer support platform with live chat, help centre, and automation
How to Build Event Pages with Luma
Create beautiful event pages and manage registrations with Luma
How to Build a Quiz App with Lovable
Create an interactive quiz application with scoring and results
How to Build a Calculator with v0
Create a custom calculator for your niche using v0's component generator
How to Build a Pricing Page with v0
Create a compelling pricing page with comparison tables and CTAs
How to Build a Timer App with Lovable
Create a countdown or productivity timer application
How to Build a Link-in-Bio Page with v0
Create a personalised link-in-bio page for your social profiles
How to Build a Testimonial Wall with v0
Create a compelling testimonial display for social proof
How to Build a Kanban Board with Lovable
Create a drag-and-drop kanban board for project management
How to Build an Image Gallery with v0
Create a beautiful image gallery with lightbox and filtering
How to Build an FAQ Page with v0
Create an organised FAQ section with search and categories
How to Build a Newsletter with ConvertKit
Create and grow an email newsletter with ConvertKit's creator tools
How to Build a Subscription Box Site with Lovable
Create a subscription box business website with recurring payments
How to Build a Social Wall with Lovable
Create a curated social media feed display for events or websites
How to Build a Recipe App with Lovable
Create a recipe collection app with search, favourites, and meal planning
How to Build a Habit Tracker with Lovable
Create a personal habit tracking app with streaks and statistics
How to Build an Expense Tracker with Lovable
Create a personal finance app to track expenses and budgets
How to Build a To-Do App with Lovable
Create a task management app with lists, due dates, and priorities
How to Build a Notes App with Lovable
Create a note-taking app with organisation and search features
How to Build a Weather App with Lovable
Create a weather application with forecasts and location support
How to Build a Music Player with Lovable
Create a web-based music player with playlists and controls
How to Build a Countdown Timer with v0
Create an event countdown timer for launches and special dates
How to Build a Review Widget with Lovable
Create an embeddable review collection and display widget
How to Build a Contact Page with v0
Create a professional contact page with form and company details
How to Build a Team Page with v0
Create a professional team showcase for your company website
How to Build Feature Flags with LaunchDarkly
Implement feature flags for controlled rollouts and experimentation
How to Build an Onboarding Flow with Lovable
Create a guided onboarding experience for new users
How to Build a Referral System with Lovable
Create a viral referral programme to grow your user base
How to Build an Affiliate System with Lovable
Create an affiliate programme to drive sales through partners
How to Build a Link Shortener with Lovable
Create a branded link shortening service with analytics
How to Build a QR Code Generator with v0
Create a QR code generator for URLs, text, and contact info
How to Build a Colour Palette Generator with v0
Create a colour palette tool for designers and developers
How to Build a Screenshot Tool with Lovable
Create a web screenshot service for marketing and testing
How to Build a Password Generator with v0
Create a secure password generator with customisation options
How to Build a JSON Formatter with v0
Create a JSON formatting and validation tool for developers
How to Build a Markdown Editor with Lovable
Create a live markdown editor with preview and export
Learn Hands-On at Buildday Melbourne
Turn tutorials into real projects. Join our one-day workshop where you will build a working application with expert guidance.