Skip to content
Data & AI Hub Data & AI Hub

Tutorial series · 8 parts · 41 min total

Building a Website with Claude Code

A practical guide for non-technical teams. Install Claude Code, plan a site, prompt well, build it, launch it, and maintain it. Designed to be read in order; each part also works on its own.

Start with Part 1 Back to all tutorials
  1. 01 3 min

    Introduction and the Prompt-First Mindset

    Why prompts and plans come before code. What Claude Code is. What you can realistically build in a day, a week, or a month.

    Read part 1
  2. 02 9 min

    Set Up Claude Code on Your Computer

    Hardware, accounts, the vocabulary you need, installing Claude Code, and the slash commands you'll use every day.

    Read part 2
  3. 03 5 min

    Plan Your Website Before You Build It

    Write the one-page brief that makes everything else easier. Information architecture, brand decisions, content plan, anti-references.

    Read part 3
  4. 04 3 min

    Prompt and Plan with Claude Code

    How to write a first prompt that gets a good plan back. When to use Plan Mode. How to push back when the plan is wrong.

    Read part 4
  5. 05 3 min

    Build the Website with Claude Code

    Pick the right technology for your site. Decide static vs database-driven. Add pages, content, and images one at a time.

    Read part 5
  6. 06 5 min

    Things to Consider as You Build

    Mobile responsive, accessibility (WCAG 2.2), performance, SEO, and UK GDPR. The things easy to forget that matter most.

    Read part 6
  7. 07 3 min

    Going Live with Your Website

    Domain names, hosting choices for UK teams, deployment, HTTPS, and the launch checklist.

    Read part 7
  8. 08 10 min

    After Launch and Working Well with Claude Code

    Analytics, backups, security, and the habits that make Claude Code produce reliable results. Plus a glossary for everything.

    Read part 8

How to follow this series

Pick the path that fits your situation

  • If you have an afternoon free. Read Part 1, then attempt the install in Part 2. You'll have Claude Code running in under an hour.
  • If you're planning a specific project. Read Parts 1, 3, and 4 first to write your brief and craft a strong first prompt. Come back for the rest as you build.
  • If Claude Code is already installed. Jump straight to Part 3. The planning steps are where most teams skip ahead and regret it later.
  • If you're getting ready to launch. Parts 6, 7, and 8 cover accessibility, hosting, deployment, analytics, backups, and security.

Each part ends with a link to the next, so you can read straight through without coming back to this page.