~/videos/ai-website-builders
AI website and app builder tutorials
23 videos, newest first. Websites, landing pages and web apps built with AI builders, start to finish.
Each video builds a real site or app with an AI builder, from Lovable, Replit and Base44 to Google AI Studio, Antigravity and KiloCode, then checks what shipped. You see the prompts, the fixes and the deployment, so you can compare how much each tool did on its own. For a hand-built alternative, the written guide shows how to add a YouTube feed to a React site with caching and a fallback when the API is down.
Written guide: React YouTube feed tutorial: API, caching and fallbacks
New here? Choose your first build or read the free guides
2026
-
18:03
I Let Runable Build My Entire Online Business!
Research, build and refine an AI Growth Audit website in Runable. Covers the project brief, market research and homepage revisions; Stripe and email delivery remain unfinished.
-
13:09
I Built an AI Tool to Find Website Clients (It Actually Works!)
In this video I'm building a lead generation tool to find website clients in Claude Code.
-
13:59
BrowserAct Changed How I Build Websites!
In this video, I provide a step-by-step guide on setting up BrowserAct, a powerful ai web scraper. This browseract tutorial covers efficient data extraction and integration into various coding harnesses, including Claude Code, Codex, VS Code, and Cursor. In this tutorial I'm showing how to use this tool for web scraping tutorial and AI coding tools to build a complete remote jobs listing website.
-
12:16
Codex Just Changed How I Build Websites!
In this video, I'm redesigning my AI agency's website, which previously suffered from 'vibe coding' and an unsatisfactory website design. I'm showcasing how I use Codex, my new favorite ai coding tools, to quickly create a much better web design. This tutorial highlights the efficiency of 'artificial intelligence' in modern web development.
-
15:01
I Tested the Bluehost AI Assistant: Here’s My Verdict
This video guides you step-by-step on setting up the Bluehost All-in-One AI Assistant, an affordable solution at just $20 per month.
-
12:37
I Redesigned My Website In Claude Design!
In this video, I showcase the redesign of the TubeAnalytics dashboard, focusing on an improved ui design. We'll explore the new dashboard design, which now includes seamless light theme and dark theme options. This web design overhaul aims to provide a much better user experience.
-
16:27
Why Your Website Is Invisible To AI (And How To Fix It)
In this video, I demonstrate how to ensure your website is showing up in AI search results using a tool called Trakkr. We'll cover essential aspects of AI visibility and explore how good ai seo can improve your ranking. This tutorial is perfect for anyone looking to boost their digital marketing efforts and understand web crawling better.
-
7:56
How to Build Web Apps for Free Using This AI Agent
ClineBot is a free AI coding agent that helps build web apps with AI. This tutorial covers setting up and utilizing Cline ai coding tools for software development.
-
15:00
KiloCode Builds Web Apps In Minutes (Free Cursor Alternative)
In this video, we introduce KiloCode, a new **large language model** found on Reddit, available for free. We'll navigate its website, exploring features and integration options, highlighting the potential of this **artificial intelligence** tool. This is a great **ai news** item for anyone interested in **llms** and **ai assistant** capabilities.
-
13:13
Google Antigravity Just Changed How I Build Landing Pages!
In this video, discover how to quickly create a basic website design, showcasing the rapid development of a complete landing page within minutes. We explore the process of building a minimum viable product (MVP) and review the initial build, demonstrating how to make a website efficiently using AI coding tools. This tutorial highlights the power of web development with html css.
-
14:23
Apify Agent Skills Makes It Easy To Scrape Websites!
In this video, I'll walk you through how to use Apify agent skills in Cloud Code for efficient web scraping. We'll focus on data extraction from kloop.com to gather information needed for building a travel agency website. This tutorial highlights the power of automation with an ai agent to streamline your data collection processes.
-
9:54
I Built This SaaS Platform To Help You Grow On YouTube!
In this video, I provide a detailed product demo video of Tube Analytics, my powerful saas platform built using no code tools. I'll show you how to leverage its features for in-depth youtube analytics and competitor research, highlighting its development process using visual studio code for web development.
-
9:24
OpenCode Makes It Easy To Build SaaS Apps In Minutes!
Learn how to build a powerful SaaS web application from scratch using zero-code AI tools.
-
16:32
Google Antigravity + N8N Is A Game Changer!
In this video, I demonstrate how to connect N8N to an MCP server using Google Antigravity. We'll use this setup to control NAN from a web display, enabling quick automation for tasks like transforming videos into engaging LinkedIn posts, blog articles, and tweets. This involves some coding with python to create an efficient ai agent for content creation.
-
11:34
Building A Complete Web App In Claude Code & Opus 4.6!
In this video, I demonstrate how to build a complete web application using Claude Code and Claude Opus 4.6 for initial planning. We'll explore the power of artificial intelligence in web development as I create a YouTube analytics platform without writing a single line of coding. This showcases the incredible capabilities of large language models for rapid software development.
-
1:00:13
The Fastest Way To Build A Booking Website Using AI Tools
In this video, I demonstrate using Apify within OpenCode to generate a website. We use various ai tools, including a website ai, to create a beautiful website for luxury hotels, showcasing how website design ai can streamline web development. The process involves data extraction for hotel booking information.
2025
-
12:32
How to Build & Deploy a SaaS with Vercel (Step-by-Step)
In this tutorial, you’ll learn how to build and deploy web apps within minutes using Vercel. I’ll show you step-by-step how to create a basic landing page, set up a subscription starter plan, and build an AI answer generator using Morphic — all without complex setup or advanced coding.
-
8:25
Base44 vs Lovable: Which AI Builder Works Better in 2025?
In this video, we compare Base44 and Lovable, two AI website builders that promise faster launches with less manual work. The goal is simple. Figure out which tool actually holds up in real use in 2025.
-
10:22
Build Web Apps In Minutes with Google AI Studio!
Build a chat interface in Google AI Studio and request an OpenAI integration. The recording shows replies and ZIP export, but stops before deployment.
-
15:12
I Built a SaaS Website Using Only AI (Step-by-Step)
Generate an agency landing page with Emergent, add a calendar popup, and fix a broken contact button. Notes separate the frontend result from untested backend features.
-
41:33
Build a Professional Website in Replit: Step-by-Step Guide
Learn how to build a professional website using Replit in this beginner-friendly step-by-step tutorial. Whether you’re new to coding or exploring no-code web development, this video will show you how to design, code, and deploy a fully functional website from scratch — all inside Replit.
-
17:15
I Let Rocket AI Build My ChatGPT Clone (Here's What Happened)
This video provides a step-by-step guide on how to build a website quickly using Rocket.new, an AI website builder. Learn how to create website fast with simple prompts, exploring this new platform for web development. We'll also touch on other tools for ai web development.
-
38:49
Build a Full Website with AI in Under 60 Minutes (Lovable Tutorial)
Watch me build a full web app using Lovable in under 1 hour! This exciting tutorial is perfect for beginners and seasoned web designers alike, showcasing how to create stunning, fully functional websites quickly and efficiently. Follow along to learn how to leverage Lovable’s powerful tools for an exceptional web design experience.