विधि Vidhi

Let Claude Code build 10 pages of your website

How Nikhil added ten researched pages to nikhilsharma.com in one sitting: one article and nine company pages, every fact linked to its source, built in the site’s existing design and refreshed by a weekly task. On a real stack. Live the same day.

What you need

  • Claude Code connected to your website’s code
  • A site you can deploy (Vercel, Netlify or similar)
  • Web search turned on for research
  • 30 minutes to write a good brief and review the result

What you will have

  • A new section that matches your existing design
  • One data file holding every fact with its source
  • Pages search engines can read and a sitemap that lists them
  • A weekly task that keeps the news fresh
  1. Step 1: Write the brief like a client

    10 minutes · You

    Who the section is for, which pages, what each page must answer, where it lives in your site and what “done” means.

    I want to add a section to my website about [topic] for [audience]. It needs one overview page and one page per [item] for these: [list]. Each item page must cover [fields]. It should live under [path]. Ask me anything unclear before you start.
  2. Step 2: Research into one data file

    6 minutes · Claude + web search

    Claude searches the web and puts every fact, figure and news item with its source link into a single data file. The pages read from it.

    Research every item with web search. Put all facts, figures and the latest 5 to 8 news items (date, headline, source link) into ONE data file. Label anything self-reported or unconfirmed. Never invent a fact. List what you could not verify.
  3. Step 3: Build inside your real codebase

    6 minutes · Claude Code

    Claude Code reads your existing components and design first, then adds the pages the same way your site already works.

    Read my codebase first and follow its existing design, components and routing. Build the pages from the data file. Add them to the sitemap and make sure each page is rendered for search engines. Link the overview from [existing page].
  4. Step 4: Check before you ship

    4 minutes · Playwright

    Type-check, build and take screenshots at phone and desktop width in light and dark. Fix anything that overflows or breaks.

  5. Step 5: Ship and keep it fresh

    4 minutes · Scheduled task

    Push live, add to the sitemap, then schedule a weekly task that updates only the data file with new sourced news.

    Type-check and build. Screenshot each page at 390px and 1440px in light and dark, fix any overflow, then push live and confirm every URL returns 200. Then schedule a weekly task that updates only the data file with new sourced news.

Download the guide (PDF)