--- title: "Build a website with AI and put it online" url: https://aiguideson.com/courses/build-a-website-with-ai/ summary: "Write a short brief, ask Claude to turn it into a one-page website, check every line, then put it online for free with Cloudflare Pages. There’s no code to learn: you copy, paste, check and drag a folder." level: "Beginner" lessons: 5 minutes: 55 published: 2026-10-02 updated: 2026-10-03 author: "Jack Stovell" publisher: "Adapt Progress Evolve Limited" language: "en-GB" --- # Build a website with AI and put it online Write a short brief, ask Claude to turn it into a one-page website, check every line, then put it online for free with Cloudflare Pages. There’s no code to learn: you copy, paste, check and drag a folder. Beginner · 5 lessons, about 55 minutes in total · Free. A domain name of your own is optional. ## What you build A one-page website for a small business or club: a welcome, what you offer, how to get in touch, and your opening hours, working on phones and laptops. Our worked example is Brook Lane Bakes, a fictional home bakery. Brook Lane Bakes does not exist. We made up the brief for this course; the page itself is exactly what Claude produced from it. Not for: People who need an online shop, bookings or payments. This course makes one simple page. ## Who it’s for - Small-business owners, sole traders, clubs and community groups who want a simple web page - People who have never written code and don’t want to learn - Anyone who has done "AI for beginners" and wants a first real project ## What you need - A laptop or desktop computer (Windows or Mac). You can read the lessons on a phone, but saving files is easier on a computer. - An email address, to make free Claude and Cloudflare accounts - A plain text editor, already on your computer: Notepad on Windows, TextEdit on a Mac - No coding knowledge ## Tools and what they cost - **Claude (Free plan)**: Writes the page from your brief (lessons 3 and 4). Cost: Free. The Free plan is listed as "Free for everyone" and includes creating Artifacts. Pro adds more usage; you don’t need it for this course. Prices on the page are shown in local currency: our capture from a European server on 2026-10-03 shows €0 for Free, and €15 a month for Pro billed yearly (€180 up front) or €18 billed monthly. (checked 2026-10-03; source: https://claude.com/pricing) - **Cloudflare Pages (Free plan)**: Puts your page online at a free .pages.dev address (lesson 5). Cost: Free. Requests to static files are free and unlimited on both free and paid plans. The Free plan allows 500 builds a month and up to 20,000 files per site; drag-and-drop uploads take up to 1,000 files of up to 25 MiB each. Our page is one file. (checked 2026-10-03; source: https://developers.cloudflare.com/pages/functions/pricing/) - **A text editor (Notepad or TextEdit)**: Saves the code as index.html (lesson 3). Cost: Free, already installed. Comes with Windows and macOS. (checked 2026-10-03; source: https://support.apple.com/guide/textedit/work-with-html-documents-txted0b6cd61/mac) - **Your own domain name (optional)**: A web address like yourname.co.uk instead of yourname.pages.dev (lesson 5, optional). Cost: Optional. Varies by ending; about US$5 to US$11 a year for .co.uk or .com at Cloudflare Registrar. Cloudflare Registrar says it "does not mark up domain prices at all" but does not list prices on that page. A third-party tracker (cfdomainpricing.com, by NameBeta, not Cloudflare) listed US$5.30 a year for .co.uk and US$10.46 for .com on 2026-10-02 and again on 2026-10-03. Check the price at checkout. (checked 2026-10-03; source: https://cfdomainpricing.com/) ## The lessons ### Module 1: Get ready 1. [What you'll build and what you need](https://aiguideson.com/courses/build-a-website-with-ai/what-youll-build/) (5 minutes): See the finished one-page website, the two free tools you will use, and what to have ready before lesson 2. 2. [Write a short brief for your page](https://aiguideson.com/courses/build-a-website-with-ai/write-a-short-brief/) (10 minutes): Write the five things AI needs to know: the name, what it is, who it is for, what visitors should do, and the sections you want. Module badge: Ready to build. Mark lessons 1 and 2 of "Build a website with AI and put it online" complete. ### Module 2: Build it and put it online 3. [Ask AI to build your first page](https://aiguideson.com/courses/build-a-website-with-ai/ask-ai-to-build-your-first-page/) (15 minutes): Paste your brief into a prompt with a few clear rules, save the code Claude gives you as index.html, and open it in your browser. 4. [Check it and ask for changes](https://aiguideson.com/courses/build-a-website-with-ai/check-it-and-ask-for-changes/) (10 minutes): Read every line, fix anything AI got wrong or made up, swap in your real email address, and ask for changes in plain words. 5. [Put it online for free with Cloudflare Pages](https://aiguideson.com/courses/build-a-website-with-ai/put-it-online-for-free/) (15 minutes): Drag your folder into Cloudflare Pages and get a free web address ending in .pages.dev. Optional: connect a domain you own. Module badge: Built and online. Mark lessons 3, 4 and 5 of "Build a website with AI and put it online" complete. ## At the end Finish all 5 lessons and you’ll get a certificate of completion, with its own verification link and an "Add certificate to LinkedIn profile" button. Website builder: Mark all 5 lessons of "Build a website with AI and put it online" complete. Issued with a certificate of completion and as an Open Badges 3.0 credential. Completion is self-reported: we do not check the website you build. ## Sources - [Claude: Plans and pricing](https://claude.com/pricing) (checked 2026-10-03) - [Cloudflare Docs: Pages limits](https://developers.cloudflare.com/pages/platform/limits/) (checked 2026-10-03) - [Cloudflare Docs: Pages Functions pricing (static asset requests)](https://developers.cloudflare.com/pages/functions/pricing/) (checked 2026-10-03) - [Cloudflare Docs: Direct Upload (drag and drop)](https://developers.cloudflare.com/pages/get-started/direct-upload/) (checked 2026-10-03) - [Cloudflare Registrar](https://www.cloudflare.com/products/registrar/) (checked 2026-10-03) - [cfdomainpricing.com (third-party tracker of Cloudflare Registrar prices, by NameBeta; not Cloudflare)](https://cfdomainpricing.com/) (checked 2026-10-03) - [Cloudflare Docs: Create account](https://developers.cloudflare.com/fundamentals/account/create-account/) (checked 2026-10-03) - [Cloudflare Docs: Pages custom domains](https://developers.cloudflare.com/pages/configuration/custom-domains/) (checked 2026-10-03) - [Microsoft Support: Common file name extensions in Windows (how to show them)](https://support.microsoft.com/en-us/windows/common-file-name-extensions-in-windows-da4a4430-8e76-89c5-59f7-1cdbbc75cb01) (checked 2026-10-03) - [Microsoft Q&A: HTML in Notepad (community answer: type the file name in quotation marks, "index.html", so Notepad does not add .txt)](https://learn.microsoft.com/en-us/answers/questions/3832577/html-in-notepad) (checked 2026-10-03) - [Apple Support: Work with HTML documents in TextEdit on Mac](https://support.apple.com/guide/textedit/work-with-html-documents-txted0b6cd61/mac) (checked 2026-10-03) - [RFC 2606: Reserved top-level DNS names (example.com, .example)](https://www.rfc-editor.org/rfc/rfc2606) (checked 2026-10-03) - [Claude Help Center: Claude is providing incorrect or misleading responses](https://support.claude.com/en/articles/8525154-claude-is-providing-incorrect-or-misleading-responses-what-s-going-on) (checked 2026-10-03) - [Claude Help Center: Get started with Claude (access, the 18+ age requirement, Free plan usage limits)](https://support.claude.com/en/articles/8114491-get-started-with-claude) (checked 2026-10-03) ## Questions people ask ### Do I need to know how to code? No. Claude writes the code. You paste your brief in, copy the reply into a file, check what it says and drag a folder into Cloudflare. Lesson 4 shows you how to ask for changes in plain words. ### Does it cost anything? No. Claude’s Free plan and Cloudflare Pages’ free plan cover everything in this course. A domain name of your own is optional and is the only thing you might pay for. ### Can I use ChatGPT or another AI tool instead of Claude? Yes, the prompt works as written in any AI chat tool that can write code. The screenshots show Claude, so the buttons in your tool will look different, and the page you get back will be different from ours. ### Will my page look like the example? No, and it shouldn’t. AI gives a different answer each time, and your brief is different too. What should match is the shape: one file, your sections, and a page that works on a phone. ### Can I add a shop, bookings or a contact form? Not in this course. A contact form needs something to receive the messages, which a single page on its own can’t do. So we keep it to one page with an email link. ### Who owns the page I make? Check the terms of the AI tool you use. The page is published on your own Cloudflare account, and you can change or delete it at any time.