A Step-by-Step Guide

The Vibe Coding Playbook

How to build your own publishing platform in a weekend — no coding required. From rejected manuscript to live book sales in two days.

Paul Walton Author of First Light homomachina.ai

I wrote a 95,000-word novel. I queried fifty literary agents. Most didn't reply. Those who did said debut authors are a hard sell against established names. These are people who would have taken 20–30% of my earnings — and they couldn't see a way forward.

So I built my own way. Using conversational AI (Claude Opus 4.6) and a technique called "vibe coding" — where you describe what you want in plain English and the AI writes the code — I created a complete author platform in two days. Here's exactly how.

Domain
Build Site
Go Live
Payments
Upload Book
Promote

What You'll Build

Everything below was built in a single weekend with zero coding experience.

🌐
Professional website with custom domain, hero imagery, and beautiful typography
💳
Stripe payments accepting Visa, Mastercard, Apple Pay, Klarna, and more
📖
Full book online as a formatted ebook with chapter navigation and progress tracking
🔒
Password-gated access for paying readers and review copies
📋
Legal pages — copyright, privacy, terms — built into the menu
✉️
Contact form for reader engagement and review enquiries

What You Need to Start

💡
No coding knowledge needed. The entire point of vibe coding is that you describe what you want in everyday language. Claude writes all the HTML, CSS, and JavaScript. You never need to touch a line of code.
1
Phase One

Your Domain

⏱ About 30 minutes
1
Choose Your Domain Name

Pick something memorable that connects to your book or author brand. I chose homomachina.ai because it's the name of my series and the .ai extension fits the AI consciousness theme.

Good options: Your author name (janesmith.com), your book title, or your series name. Check availability first — try a few variations. The .com extension is classic, but .ai, .io, .co, and .book all work well.
2
Register the Domain

I used Squarespace Domains. Other good options: Namecheap, Cloudflare Registrar, Porkbun. Go to your chosen registrar, search for your domain, and purchase it.

⚠️
Important: You're only buying the domain name here — not a website builder or hosting package. We'll use free hosting separately. A .com domain typically costs £10–15/year. My .ai domain cost more (~$180 for two years).
2
Phase Two

Building Your Website with Claude

⏱ 2–4 hours (the fun part)
3
Start a Claude Project

Open claude.ai and create a new Project. Give it a clear name like "My Author Website." Projects help Claude keep track of your work across multiple conversations — essential when you're iterating over several sessions.

4
Describe Your Vision

This is where vibe coding shines. You don't write code — you describe what you want and Claude builds it. Start your first conversation with something like:

💬 What you say to Claude

"I want to build a personal author website for my novel. I want it to feel literary and elegant — not like a tech startup. Dark, warm tones. Beautiful typography. A large hero image at the top with the book title overlaid. Below that, a manifesto about the book and its themes. Sections for about the author, the book description, and how to buy."

Claude generates a complete HTML file — your entire website in a single file. It handles the structure, the visual styling, and all interactivity.

5
Iterate on the Design

Look at what Claude produces. Give feedback in plain English. Go back and forth until it feels right:

💬 Examples of feedback

"Move the title higher on the image."

"Make the font warmer — I like that brown tone."

"Remove that grey line — it looks random."

"Can you make the title slowly fall down the page, pause, fade out, and reappear at the top?"

Claude handles every change instantly. I went through many rounds of refinement — colours, typography, animations, spacing, mobile layouts. Each round takes minutes, not hours.

💡
Key tip: Download each version Claude produces. Keep a local folder on your computer (I called mine homomachina-deploy) so you always have the latest working version saved.
6
Add Essential Pages

Through conversation, ask Claude to add all the supporting content your site needs:

Claude builds these as overlay panels that slide in from the navigation menu. Everything stays in one HTML file — clean and simple.

3
Phase Three

Going Live with Netlify

⏱ About 15 minutes
7
Create a Free Netlify Account

Go to netlify.com and sign up. The free tier includes everything you need: hosting, HTTPS security, and custom domain support. You won't need to pay for hosting.

8
Deploy Your Site

This is almost absurdly simple:

  1. In Netlify, go to Sites → Add new site → Deploy manually
  2. Take your local folder (containing your index.html)
  3. Drag and drop the entire folder into the deployment area
  4. Wait about 10 seconds
  5. Your site is live on the internet

Netlify gives you a temporary URL. We'll connect your custom domain next.

9
Connect Your Custom Domain
  1. In Netlify: Site settings → Domain management → Add custom domain
  2. Netlify provides DNS nameserver addresses
  3. Go to your domain registrar and update the nameservers to point to Netlify
  4. Wait for DNS propagation (15 minutes to a few hours)

Once propagated, your custom domain serves your site with free HTTPS. Professional and secure.

10
The Update Cycle

Every time you want to update your site, the cycle is the same:

  1. Make changes with Claude → download the updated file
  2. Replace the file in your local deploy folder
  3. Drag and drop the folder into Netlify again

Each deploy takes seconds. I pushed updates dozens of times as we perfected the look and feel. There's no penalty for frequent deploys — iterate freely.

4
Phase Four

Payment Integration with Stripe

⏱ About 1 hour
11
Create a Stripe Account

Go to stripe.com and create an account. You'll provide your personal details, bank account for payouts, and tax information.

⚠️
Don't skip this: Complete the "Verify your business" step in Stripe. Without it, Stripe will process payments but won't release funds to you.
12
Create Your Product & Buy Button
  1. In the Stripe Dashboard: Product catalog → Add product
  2. Set the name, description, and price (I chose $15 one-time)
  3. Create a Payment Link, then select the Buy Button option
  4. Stripe gives you a small HTML code snippet — copy it
13
Embed the Button in Your Site

Go back to Claude and paste the Stripe code:

💬 What you say to Claude

"Here's my Stripe Buy Button code. Please embed it in the Subscribe section of my menu, and also below the book description."

Claude places it in the right spots and styles it to match your site. The Buy Button shows your price, accepted payment methods, and handles the entire checkout — you don't need to build anything else.

5
Phase Five

Uploading Your Complete Book

⏱ 2–3 hours
14
Convert Your Manuscript

Upload your .docx manuscript to Claude and describe the reading experience you want:

💬 What you say to Claude

"This is my complete novel — [X] words, [Y] chapters. Convert it into a beautiful online ebook reader as a single HTML page. Match my site's styling. Include a progress bar, chapter navigation, a table of contents sidebar, and formatted dialogue."

Claude processes the entire manuscript and produces an HTML file that functions as a complete ebook reader — in my case, roughly 764KB covering 16 chapters with styled dialogue, scene breaks, and a book cover page.

15
Review and Refine

Check everything carefully. Claude's output will include a cover page, copyright and dedication, clickable table of contents, all chapters with proper formatting, a sticky navigation bar, progress tracking, and a "Return to beginning" link.

Ask Claude to fix anything you spot — misspellings, formatting issues, cover image swaps, dedication changes. Each fix takes seconds.

16
Add Password Protection
💬 What you say to Claude

"Create a password gate for the book page. When someone visits /book/, they see a styled password input. The correct password unlocks the full novel."

Claude creates a password-gated page matching your site's aesthetic. It's not military-grade encryption — it's a clean, simple barrier that's perfectly adequate for a book purchase.

17
Create the Post-Payment Page

After paying, customers need to receive the password. Ask Claude to create a "thank you" page at /success/ that displays the password in a copyable box with a link to the book.

Then in your Stripe Dashboard, set the Success URL to https://yourdomain.com/success/

18
Deploy Everything

Your local folder should now look like this:

your-deploy-folder/
├── index.html   ← your main site
├── book/
│   └── index.html   ← password-gated novel
└── success/
    └── index.html   ← post-payment page

Drag the whole folder into Netlify. The complete customer flow is now:

Visit site Read Ch.1 free Click Buy Pay $15 Get password Read full book
6
Phase Six

Review Copies & Marketing

⏱ Ongoing
19
Share Review Copies Instantly

One of the best features: send anyone a review copy by sharing the link and password directly. They skip Stripe entirely and go straight to the book. One email or DM is all it takes.

Want to rotate the password after a review period? Ask Claude to update it, redeploy, and the old password stops working. Paying customers automatically see the new one.

20
Build Your Audience

Pair your website with a Substack newsletter to build community. Share your journey, post excerpts, write about your book's themes. Your website sells; Substack builds relationships.

Create a pinned post on X/Twitter or your social platform of choice. Keep it punchy — your free Chapter 1 is your best marketing hook.

✦   ✦   ✦

The Complete Cost Breakdown

Compare this to an agent taking 20% and a publisher taking the rest.

🌐 Domain registration (2 years) ~$180
🚀 Netlify hosting Free
💳 Stripe payment processing Free until you sell (~3% per sale)
🔒 SSL/HTTPS certificate Free (included with Netlify)
🤖 Claude Pro subscription You likely have this already
Total upfront cost ~$180

Every dollar of revenue — minus Stripe's small ~3% processing fee — comes directly to you. No agent. No publisher. No 18-month wait for a release date someone else chose.

✦   ✦   ✦

Tips From the Trenches

1

Use a Claude Project. It keeps context across conversations. When you hit the context limit, start a new chat within the same project and paste a brief summary of where you left off.

2

Keep a local deploy folder. Always maintain a clean copy of your site files. Download every update Claude produces.

3

Test after every deploy. Netlify publishes in seconds. Push early, push often, check everything in the browser.

4

Zip files if they open in Chrome. HTML files sometimes display in the browser instead of downloading. Ask Claude to zip them for you.

5

Don't overthink the password. Client-side protection isn't hack-proof, but it doesn't need to be. You're selling a book, not guarding state secrets.

6

Use continuation briefs. When switching chat sessions, ask Claude to create a summary of everything built so far — keys, file structures, decisions. Upload this to the next chat.

7

Offer Chapter 1 free. It's your best marketing tool. Let people read the opening and decide if they want more.

✦   ✦   ✦

What's Next: Expanding Distribution

📚
Amazon Print on Demand — Upload to KDP for physical copies. No inventory, no upfront cost.
🎧
Audiobook — Distribute on Spotify, Apple Books, Audible. AI narration tools are making this accessible.
📱
Ebook stores — Draft2Digital or Smashwords reach Apple Books, Kobo, Barnes & Noble.

Why Do You Need Agents and Publishers?

Especially when they won't take you on anyway. The tools exist right now to write, design, publish, and sell your book directly to readers. The barrier isn't money. It isn't technical skill. It's the belief that you need someone else's permission.

You don't.

See It Live → homomachina.ai

Want a more detailed walkthrough? Reach out — I'm happy to share everything I've learned. Happy publishing.