sonnyplot.com
🚀

How to Build a Website With No Code (Using AI)

🧪 Experiments🇰🇷 한국어로 읽기

Here’s how to build a website and put it live on the internet just by talking to an AI — no code. This is exactly how I built this site (sonnyplot.com): started in the evening, done that night. You only need two tools: Claude Code (an AI coding agent) and Cloudflare.

What you need

  • One domain — mine is sonnyplot.com, bought on Cloudflare (having the domain on Cloudflare makes everything after this much easier)
  • Claude Code — the AI coding agent you drive by chatting
  • Prior knowledge: none required — you don’t need to know what DNS or hosting is. I didn’t
  • Cost: $0 beyond the domain

Step 1 — What to ask the AI

No prompt engineering needed. Just say what you want. Here’s my literal first message:

“I bought this domain called sonnyplot.com. I want to use Claude Code to put fun web stuff on it — my own playground. Is that possible?”

The AI compared a few hosting options and recommended that, since the domain already lives on Cloudflare, keeping everything there is cleanest. I went with that. The point: ask the AI where to host, then just make the call.

Step 2 — Deploy with Cloudflare

  1. The AI builds you a landing page (I asked for dark-mode support + a structure where experiments get added as cards)
  2. In the Cloudflare dashboard, a few clicks to upload the files → it deploys to a ~.workers.dev address
  3. At this point the site is already live on that temporary address

Step 3 — Connect your own domain

In Cloudflare, add sonnyplot.com as a custom domain. If the domain is in the same account, DNS configures itself and the HTTPS certificate attaches on its own. A few minutes later https://sonnyplot.com loads. I touched a DNS record exactly zero times.

Step 4 — Add GitHub auto-deploy (optional)

Uploading files by hand every time got tedious, so I asked for one more thing: “make it deploy automatically whenever I push code to GitHub.”

The AI created a git repo, pushed it to GitHub, and added the config files. All I did was click the “connect repository” button in Cloudflare.

⚠️ Where it snagged: Cloudflare wouldn’t show my repo list. The cause was GitHub app permissions. Go to GitHub → Settings → Applications and grant Cloudflare access to the repo, and the list shows up. If you hit the same wall, start there.

As a test I changed one character in the footer and pushed — it was live in about 20 seconds.

The result — what you get

  • ✅ sonnyplot.com is live
  • ✅ Edit code → push → auto-deploy (about 30 seconds)
  • ✅ Cost $0 (excluding the domain), lines of code I wrote: zero
  • ⏱ Started in the evening, done the same night

All I actually did: have a conversation and click a few buttons in a dashboard. I still couldn’t tell you what a DNS record or a wrangler config does. The AI handled what I didn’t understand; I just made decisions — “which hosting?”, “public repo or private?”

Now the real experiment is what fills this playground. From here, the series is basically “I asked an AI to build ___.”

This blog was set up by the AI too, and publishing posts is its job. Let’s see how far this goes.

← Back to the log