Website Building

Build a Google Sheets Bookshelf Website

Build a carousel bookshelf website powered by Google Sheets so creators can update links, prompts and resources without changing the website code.

About 45 minutes7 steps1 promptBeginner

Tools Step-by-step guide Prompts Monetize it Built with

01 · Tools

AI tools you’ll use.

ChatGPTWrites the copy and reasons through the plan.

Claude CodeWrites the code and runs the terminal for you.

VercelDeploys the Next.js app and makes it public.

NetlifyDeploys the static build and hosts the domain.

GitHubStores the code and connects the deploy.

Google SheetsThe sheet the app reads from and writes to.

GoDaddy

03 · Guide

Step-by-step guide.

3 of 7 open

SetupSet up your computer

Install Claude Code (you need a Pro or Max plan or an Anthropic Console account), Node.js LTS and Python. Check that claude --version, node --version and python3 --version each print a version.

SetupCreate the project folder

Make a folder called ai-toolshelf on your Desktop and open it in Claude Code. Ask 'Which folder are you working in?' to confirm.

PromptPaste the prompt

Paste the master prompt and answer three questions: shelf name, subtitle and a topic for 8 sample books. Claude builds the site and a two-tab shelf-sheet.xlsx.

SetupConnect your Google Sheet

At sheets.new, import shelf-sheet.xlsx with File → Import → Upload → Replace spreadsheet. Share it as Anyone with the link: Viewer, and paste the link back into Claude Code.

TestTest on localhost

Open http://localhost:4322, then edit a subheading in the sheet. It should update within 15–60 seconds without a refresh. Replace the sample rows with your own books.

HandoverDeploy

Drag the folder into Netlify Drop, or run npx vercel --prod with the build command left empty. Redeploy only when the code changes; sheet edits go live on their own.

HandoverConnect a domain (optional)

Add the domain in Netlify or Vercel, then in GoDaddy DNS set the @ A record and the www CNAME to the values your host shows. DNS can take up to 48 hours.

04 · Prompts

The prompts that built it.

prompt-1.txt

Build me a 3D bookshelf website whose content comes from a Google Sheet that I own. When I edit the sheet, the live website must update by itself, without redeploying.
Work only inside the current folder. Save every file you create here.

PART 1 — ASK ME ONLY THREE THINGS, THEN START
1. The name of the shelf (e.g. "The AI Toolshelf")
2. A one-line subtitle (e.g. "A shelf of AI tools worth knowing")
3. A topic for 8 sample books (e.g. "popular AI tools")
Do not ask me anything about individual bo
…

05 · Monetize it

How you can monetize it.

Starter shelf for a clientUp to 8 books on a free Netlify or Vercel address, with the sheet handed over: ₹2,000–₹4,000 in India, $50–$100 globally.

Brand packageBrand colours in the Colours tab, a GoDaddy domain connected and copy help: ₹5,000–₹10,000, or $150–$300.

Care planMonthly design tweaks and new features: ₹500–₹1,500 a month, or $15–$40.

Sell your own productsPoint each book's button at a Gumroad, Razorpay, Stripe or Topmate checkout.

Ready-made kitPackage the prompt, a sample sheet, the colour palette and a short walkthrough video as a low-priced digital product. The article gives no price.

06 · Built with