DopeLab
INKby DopeLab
Back
Build a Website with AI in 1 Hour — No Coding, No Waiting
AI ToolsMarch 5, 20263 min read

Build a Website with AI in 1 Hour — No Coding, No Waiting

Clients used to wait 2-3 weeks for a landing page. Now I deliver a polished, responsive site with real content — ready to deploy — in under an hour.

Tor Supakit

Tor Supakit

AI × Digital Marketing Agency

I Used to Say "Give Me 2-3 Weeks"

A client asked me, "Can you build a page for hiring part-time staff?"

My old answer would have been: wait for the designer to sketch, wait for approval, wait for the developer to build, wait for testing, wait for deployment — 2-3 weeks if we're lucky.

That day, I tried something different.

The Tools I Actually Used

I used Claude Code as my primary tool — open a terminal, talk to the AI directly, and it writes every line of code for you.

Alternatives if you're not comfortable with a terminal:

  • v0.dev (Vercel) — type a prompt and get a React component; free with limits
  • Bolt.new — fast web generation, great for small projects that need to ship quickly
  • Cursor — IDE with built-in AI, good if you can do some light coding

Talk to AI Like You'd Talk to a Person

I didn't write a single line of code. I just sent Claude Code a brief like this:

Build a landing page for hiring part-time staff, in Thai.

Business: Thai restaurant in the Sukhumvit area, open 10 AM - 10 PM
Positions: server, dishwasher, cashier
Target audience: students, homemakers, people looking for part-time work

Must include:
- Header with logo placeholder and restaurant name
- Section listing open positions and salary range
- Application form: name, phone, position of interest, available days
- Footer with address and embedded Google Maps

Style: warm, friendly, casual — orange and white color scheme
Tech: HTML/CSS/JS in a single file, responsive mobile-first, form connected to Google Sheets

What I got in 1 hour:

  • Full landing page in Thai
  • Responsive — looks great on mobile
  • Working application form connected to Google Sheets
  • Fast loading, no bloat

The Actual Process

1. Write a brief in plain language (~10-15 sentences)
   |
2. Send it to Claude Code — get HTML + CSS + JS in one shot
   |
3. Open the file in a browser, check if it matches what you wanted
   |
4. Request changes on specific points — keep chatting with AI
   |
5. Deploy to a server
   |
6. Send the link to the client

The whole thing took under 60 minutes.

Deploy to the Web in 2 Minutes

Easiest option — Netlify drag-and-drop (free):

  1. Go to netlify.com and sign up
  2. Drag your folder or HTML file onto the dashboard
  3. Get a .netlify.app link instantly

If you're comfortable with the terminal:

# Install Vercel CLI (first time only)
npm install -g vercel
 
# Deploy from the folder containing your HTML
npx vercel --prod

You get a working URL in 30 seconds.

You Don't Need Your Own Server

Netlify and GitHub Pages host static sites for free. Drag an HTML file up there and get a link instantly — no monthly cost. Perfect for landing pages with no backend.

What AI Does Better Than You'd Expect

Thai Content That Actually Reads Well

AI writes surprisingly good Thai copywriting — nails the tone you ask for. You don't have to write every word yourself. Just tell it in the prompt: "write in a warm, friendly tone, like talking to a younger friend."

Mobile-First by Default

Include "responsive mobile-first" in the prompt and AI generates CSS that handles mobile screens out of the box.

Iterative Tweaks Are Trivial

You can give instructions like this:

Change the "Apply Now" button color to #FF6B35
Add a testimonial section with 3 current employees.
Use fictional names. Make it sound believable and friendly.
Move the promotions section above the contact section,
and add a green LINE button below the form.

Each instruction gets applied instantly. No HTML knowledge required.

What the Client Got from a 1-Hour Website

That client received job applications within 3 days of sharing the link.

Compared to the old way:

  • Before: 2-3 weeks + high cost
  • After: ready in 1 hour + nearly zero cost

Key Takeaway

A good website doesn't have to take forever. What matters is clearly explaining what you need, who it's for, and what it should accomplish. AI fills in the rest.

Where AI Websites Shine

  • Landing pages for promotions or time-limited events
  • Job application or membership sign-up pages
  • Portfolios introducing yourself or your business
  • FAQ pages answering common customer questions
  • Microsites for a new product launch

When You Still Need a Human

If you need e-commerce with a shopping cart, payment processing, or complex backend logic — AI helps with parts of it, but you'll still need a developer for the back-end.

But for landing pages, brochure sites, and lead generation pages — one hour is all it takes.

ai-websitelanding-pageclaude-codeno-codesmall-business
Share this article

Related Articles

Using AI to Auto-Reply on LINE OA — Cut Customer Service Workload by 60-70%AI Tools
March 5, 2026

Using AI to Auto-Reply on LINE OA — Cut Customer Service Workload by 60-70%

Our LINE OA was drowning in repetitive questions every day. Now a bot handles FAQ automatically 24/7, reducing CS workload by 60-70%. Complex issues still go to staff.

4 min
From Client Brief to Polished Proposal in 30 Minutes — With AIAI Tools
March 5, 2026

From Client Brief to Polished Proposal in 30 Minutes — With AI

Client sends a brief at 3 PM and wants a proposal by tomorrow morning. I finished it in 30 minutes — AI helped me parse the brief, scope the work, estimate pricing, and produce a presentation-ready deck.

3 min
Karpathy Proved It — AI Agents Without a Validation Harness Will Fail Every TimeAI Workflow
March 22, 2026

Karpathy Proved It — AI Agents Without a Validation Harness Will Fail Every Time

Karpathy's March of Nines math is brutal: 90% accuracy sounds great until you chain 10 steps and get 35% success. Here's how we built a 32-check Validation Harness to fix it.

4 min