Ship a Landing Page in 30 Minutes
Go from empty folder to a live website on the internet. No coding experience required.
You don't need to know HTML. You don't need to know CSS. You don't need a framework. You just need Claude Code and an idea. In 30 minutes, you'll have a real website live on the internet. Let's build it.
Create a new folder
Start fresh. Create a brand new folder for your project. This is going to be your portfolio site.
mkdir my-site && cd my-siteStart Claude Code
Just type claude. That's it. You're now in a conversation with an AI that can create files, run commands, and build things.
claudeDescribe what you want
Here's the fun part. Just tell Claude what you want in plain English. Be specific about sections and style. Claude will figure out the code.
Create a beautiful landing page for a personal portfolio with:
- Dark mode by default
- Hero section with my name and a tagline
- About me section with a brief bio
- Projects grid showing 3 placeholder projects
- Contact form with email and message fields
- Responsive design that works on mobile
- Modern, clean aesthetic with subtle animationsWatch Claude create the files
Claude will create an HTML file, a CSS file, and maybe a small JavaScript file. You'll see each file being created in real time. Don't worry about understanding the code, you can always ask Claude to explain any part.
Open it in your browser
Time for the big reveal. Open the HTML file directly in your browser, or use a quick local server for the full experience.
# Option 1: Open directly
open index.html
# Option 2: Run a local server (recommended)
npx serve .Deploy to Vercel (optional)
Want it on the real internet with a real URL? One command. Vercel will give you a free .vercel.app domain instantly.
npx vercelTell someone what you built
Pre-filled post, ready to go. Edit it before you post.
Just finished "Ship a Landing Page in 30 Minutes" on Claude Code Guide in 30 min. No coding needed. Claude does the work, you steer. 👇 Free tutorial: https://claudecodeguide.dev/tutorials/ship-a-landing-page
What's next?
Learn which Claude interface is right for youNew guides, when they ship
One email, roughly weekly. CLAUDE.md templates, workflows I actually use, and the cut-for-length stuff that does not make the public guides. One-click unsubscribe.
Or follow on Substack