Claude Built Me a Website in Under an Hour

3 Просмотры

  • Спасибо! Поделитесь с друзьями!

    Вам не понравилось видео. Спасибо за то что поделились своим мнением!

aii
Издатель
You can build a website with AI for just $12. In this video I build a live hotel points map site (like the dead AwardMapper) from scratch in under an hour using Claude Opus 4.8, Claude Code, Claude Chrome, and Cloudflare. No hosting fees, no database costs, no paid email. Just a $12 domain.

I walk through the full workflow: prompting Claude for the idea, buying a domain on Cloudflare, running the Compound Engineering plugin to structure the build, letting Claude Chrome set up Google Search Console and email routing automatically, designing the UI in Claude Design, wiring up the Google Maps JavaScript API, and deploying to Cloudflare Pages. By the end you'll know how to spin up a real, functional AI-built website fast and cheap.

Topics covered: how to build a website with AI, Claude Code tutorial, Claude Chrome browser agent, Cloudflare Pages hosting, cheap domain setup, Google Search Console setup, Cloudflare email routing to Gmail, Google Maps API key, AwardMapper alternative, hotel points redemption map, vibe coding, no-code AI website builder.

Timestamps:
0:00 Build a website with AI for $12 (full demo)
0:48 The idea: rebuilding AwardMapper with Claude Opus 4.8
1:17 Prompting Claude for a hotel points map website
2:06 Buying a cheap domain on Cloudflare (why not GoDaddy or Namecheap)
2:44 Choosing a TLD and registering fullvalue.dev
3:28 Planning the data: scraping award charts vs static point ranges
4:07 Compound Engineering plugin for better AI build plans
4:55 What Claude Chrome will automate next
5:35 Setting up Google Search Console with Claude Chrome
6:35 Activating the Claude Chrome extension
7:23 Automated domain verification and one-time authorization
8:02 Claude Code builds the full project plan
8:35 Designing the website UI in Claude Design
10:08 Getting a Google Maps JavaScript API key
11:00 Reading the implementation plan and build units
12:05 Getting the Maps API key with Claude Chrome
13:08 Creating the GitHub repo and reviewing the design draft
13:32 636 real source-backed hotel properties loaded
14:00 Adding your API key safely (never paste keys in chat)
14:18 Deploying to Cloudflare Pages (zip upload workaround)
15:14 Applying the Claude Design template to the live site
15:37 Site is live: filtering hotels by chain, points, and location
17:18 Setting up custom domain email with Cloudflare routing
18:41 Configuring email forwarding to Gmail
20:17 Send mail as: Gmail SMTP and app password setup
22:03 App password fix and final working setup
22:30 Recap: a full website built with AI in under an hour

Категория
AI Сайты и Сервисы
Выполните вход или зарегистрируйтесь для отправки комментария.
Комментариев нет.