← Choose your starting point

Guide · Operations

Build a polished business website on a US$50 software budget

Use an AI agent you already have, a clear brief and Cloudflare Pages to build a focused business site. Review the design, then deploy through the API with Wrangler.

A small business storefront website connects over a cobalt bridge to cloud hosting.
Original editorial illustration of the article’s workflow.Generated for AI & Companies with the built-in image tool; conceptual illustration, not a product screenshot.
What you’ll leave with

A reviewed static brochure website, a Cloudflare preview URL and a repeatable deployment checklist, using an already-owned AI subscription.

“A $10,000 website for under $50?” Start with the part you can control: a useful, polished brochure site and a tightly defined software budget. This guide takes a fictional service business from a clear brief to an agent-built site, a preview and a Cloudflare deployment. The budget sets aside US$20 for an optional first month of Claude Pro, US$15 toward a domain and US$15 in reserve; static hosting uses Pages Free. Existing subscribers can use their current tool and the included pages.dev address with no additional software or hosting purchase. You supply the business facts, make the design choices and review the result before it goes live. The $10,000 figure is a creative brief, not an appraisal or a claim of equivalent agency work. The budget is in US dollars, excludes your labor and tax, and covers one initial month; renewals and extra services come later.

Illustrative example · not measured results

A US$50 first-month allocation

An illustrative plan, not a purchase receipt. The domain amount is a spending cap and the reserve is unspent. Labor, tax, renewals and extras are excluded. Existing subscribers can use the zero-incremental pages.dev route.

Illustrative values; bars use a zero baseline.
ItemExample value
Optional Claude Pro, one month (US price before tax)20
Pages Free static hosting and pages.dev0
Optional domain spending allowance, NOT a verified quote15
Unspent reserve, NOT a purchase15

Data provenance: Claude Pro US monthly list price checked 14 October 2026; domain allowance and reserve are editorial budget choices. See the source links and downloadable budget for assumptions.. These example values do not establish business outcomes.

Animated workflow

Build a polished business website on a US$50 software budget

A small business site moves through three stages: approved facts and one clear contact action, an agent-built draft a person reviews, and a preview that goes live only after a person approves it.

Play workflow reveal (brief animation; close to stop)

To replay, close and reopen. Reduced-motion settings show a still workflow.

  1. Brief the business

    Approved facts + one contact action. Choose a visual direction.

  2. Build and review

    Agent creates static files. Human checks claims, phone layout and links.

  3. Preview, then publish

    Scoped API access → review URL → human approval → Pages production.

Motion provenance: Sequence and CSS authored by actual Claude through the existing claude.ai subscription on 14 October 2026; reviewed and integrated for this educational example.

Download the workflow kit

Original prompts, briefs and practice materials. Adapt them to your own task and check the result.

Before you start

  • An existing AI coding assistant you are allowed to use for this work, with enough included usage. Optional newcomer example: Claude Pro is US$20/month in the US and includes Claude Code; regional prices, tax and usage limits vary. No paid model API is needed. This guide does not require buying another subscription.
  • A Cloudflare account on the Free plan, a computer with a supported Node.js/npm installation, and permission to create one isolated Pages project. Existing production sites should remain outside its scope.
  • Approved business facts, a real contact destination and rights-cleared images. Keep customer lists, private prices, passwords and account credentials out of the brief and generated public files.

Tools: AI coding agent, Cloudflare Pages, Wrangler. Use an assistant approved by your organization. This text-based first version does not require new integrations; account features and data policies still apply.

The workflow, step by step

  1. Give the site one job and a fixed budget

    Use a fictional example, Cedar & Finch, a small office-organizing service. Its website needs to explain three services, show approved project photos and invite a consultation enquiry. It needs no checkout, customer accounts or admin system. Write the goal in site-brief.txt, with the intended customer and the action they should take. Ask the agent: 'Propose a one-page sitemap and list missing facts before coding.' Expect a short content outline and questions. Reject invented testimonials, credentials and starting prices. Set the incremental spend cap to US$0 for this version; the US$50 newcomer envelope is a planning ceiling, not permission to add purchases. Keep a requested booking system on the future-work list until its costs and responsibilities are understood. If using Claude Pro, keep extra paid usage off; wait for included limits to reset rather than adding credits.

  2. Turn approved facts into a specific design direction

    Give the agent your approved service descriptions, coverage area, contact route and images. Ask for two concise visual directions, then choose one. For Cedar & Finch, the example brief calls for warm paper tones, generous spacing, dark readable text and one large genuine workspace photo. Ask: 'Sketch the hero, service section, process and contact block; explain the hierarchy at phone width.' Expect a visible first draft, rather than just a description of how polished it will be. Check whether a visitor can identify the service and next action immediately. Replace vague feedback such as 'make it premium' with concrete edits: shorten the headline, enlarge the photo, remove decorative boxes or give the enquiry link more space.

  3. Ask the agent for the smallest complete site

    Request plain HTML and CSS, minimal JavaScript and a deployable dist folder. Include a useful title, description, semantic headings, image alternative text, visible keyboard focus and a real 404 page. Ask for a README explaining how to edit and rebuild it. Expected output is a folder you own and can inspect, not a screenshot or a hosted editor that requires another paid plan. Open the generated files and check every public claim against your fact sheet. Use a visible email or telephone link for the first contact route; replace all demonstration destinations before publication. A form that merely displays 'sent' is not a working enquiry channel. Avoid adding databases, analytics, paid widgets and stock libraries simply because the agent suggests them.

  4. Review the finished pages before connecting deployment access

    Ask the agent to inspect the site at narrow phone and desktop widths, then review it yourself in a browser. Read the headline aloud. Use only the keyboard to reach every link. Enlarge text, check contrast and verify that the layout survives long service names. Inspect every image and its permission record. Expected output is a short defect list with fixes, plus the final deployable folder. Check that dist contains only intended public assets: no .env files, internal notes, private source samples or credentials. Search for placeholders and test the contact destination. AI review can help find defects, but an agent saying 'all good' does not establish accessibility, legal compliance or successful customer delivery.

  5. Choose static hosting and understand what free covers

    Cloudflare documents free, unlimited Pages static-asset requests when no Function is invoked. Pages Free currently allows 500 builds per month with one concurrent build, up to 20,000 files and a 25 MiB maximum individual asset. Our small brochure site stays static; do not silently turn it into an application. Pages Functions use the Workers request allowance, shared with other Workers: Free currently permits 100,000 requests daily, resetting at midnight UTC, with Workers Free CPU limited to 10 milliseconds per invocation. These are service allowances, not unique-visitor counts or a complete database budget. Ask: 'Confirm this output needs no Functions, database or paid service.' Expect an inventory. If you later add an API, plan authentication, validation, abuse controls, storage, quotas and failure behavior separately.

  6. Connect the deployment API with limited authority

    Use Cloudflare's documented Direct Upload workflow. Wrangler handles the API-backed asset upload; you do not need to write the upload protocol yourself. Create a custom token with Account → Cloudflare Pages → Edit, select only the intended account and give it a short expiry. This permission can affect Pages projects in that account; it is not a promise of project-only isolation. Have the operator or protected CI environment provide CLOUDFLARE_API_TOKEN and CLOUDFLARE_ACCOUNT_ID without pasting values into chat, source files, browser JavaScript or screenshots. Never use a Global API Key for this workflow. Alternatively, an operator can authorize Wrangler's browser login. Ask the agent to show the target account, project and planned commands before execution. Expect a reviewable plan without credential values. Revoke the token when it is no longer needed.

  7. Upload a preview, inspect it, then approve production

    Before uploading, use a clean isolated deployment folder and confirm there is no functions/ directory in Wrangler’s working directory and no dist/_worker.js. Wrangler can pick up server-side code from these locations; stop and review the dynamic-service scope and limits if either exists. Create a uniquely named Direct Upload project with 'npx wrangler pages project create'; set main as its production branch. Upload dist with 'npx wrangler pages deploy dist --project-name=YOUR_PROJECT --branch=review'. Replace YOUR_PROJECT with the actual name. Inspect the returned preview URL on a phone and desktop, including its images, links and missing-page behavior. Preview addresses are not automatically confidential: upload only public-approved material. After human approval, deploy the same reviewed folder with --branch=main and read back the live pages.dev URL. The REST endpoint is POST /accounts/{account_id}/pages/projects/{project_name}/deployments; Direct Upload requires a manifest referring to uploaded content hashes, so a single POST containing arbitrary source files is insufficient. Direct Upload projects cannot later switch to Git integration; that requires a new project.

  8. Keep the address simple and make maintenance repeatable

    The included pages.dev address keeps this example within its zero-incremental budget. A custom domain is optional and registration is a separate recurring purchase; obtain its actual first-year and renewal quote before changing the arithmetic. Cloudflare Registrar charges registry/ICANN costs rather than making every name free. If you add a domain, associate it in Pages and follow the documented DNS path: apex domains require Cloudflare nameservers, while an externally managed subdomain can use a CNAME. Preserve existing email and other DNS records. Keep the source, approved dist folder, deployment identifier and checklist together. For the next edit, ask the agent for a small change, inspect the preview and repeat the same checks. Assign someone to refresh business facts and dependency/security decisions. Publishing once does not complete maintenance.

Try it with a sample

Use this synthetic input to see the distinctions your output should preserve.

FICTIONAL PRACTICE BRIEF Cedar & Finch organizes small offices for independent businesses. Services: workspace reset, storage planning and team handover. Service area, business identity, genuine images and contact details: OWNER TO SUPPLY. Do not publish until replaced and verified. Layout: clear introduction, three service summaries, a three-step process and one contact block. Visual direction: warm paper, dark ink, generous spacing and a genuine workspace photo. No reviews, certification badges, service prices, customer numbers or response-time promises have been supplied.
Download the practice input ↗

What a good result should preserve

A useful deliverable is a public-safe dist folder, a reviewed Cloudflare preview and the exact deployment identifier recorded after publication. Cedar & Finch is a fictional practice business; this article did not create its website or test a live account. The US$50 newcomer allocation and US$0 existing-subscription path are dated conditional plans, not recorded purchases or measured agency savings. The domain allowance and reserve are editorial spending limits, not supplier prices. Download the brief and checklist, fill in your verified facts, then start with the first outline request.

A prompt you can adapt

Prompt template · replace the [bracketed] parts
Build a small static brochure website from the approved fact sheet below. First return a one-page outline, missing facts and two visual directions. Wait for a direction choice before writing files.

Business: [approved name, audience, services, service area].
Primary action: [real reviewed contact destination].
Images: [files with permission and descriptions].
Design: [selected direction].

Use semantic HTML, CSS and minimal JavaScript. Return dist with index.html, styles, approved assets and 404.html, plus a README. No invented claims, testimonials, prices or stock imagery. No form without a working reviewed destination. No accounts, checkout, Functions, databases, tracking, paid widgets or paid model API. Identify placeholders that block publication.

Incremental software/hosting budget for this version: US$0, using my already-owned permitted AI subscription, Pages Free and pages.dev. Stop if any new charge or quota upgrade is required.

Show phone/desktop review findings and a deploy plan. Do not request credentials in chat. Use operator-managed Wrangler login or protected scoped token configuration. Target only the approved isolated Pages project. Upload a public-safe review branch only after authorization; production requires my review of the actual preview. Return the deployment URL and identifier; never claim customer delivery, accessibility certification or business results from a successful upload.
Before any upload, inspect for a functions/ directory in the current working directory and dist/_worker.js. Stop if either exists; do not silently deploy dynamic code.

Check the result

What to keep in mind

A researched guide checked against primary documentation on 14 October 2026, with an original fictional example. It is not a tested deployment, agency-quality certification, conversion promise or fixed completion-time claim; the reading estimate excludes building and revision. An AI subscription's included usage and permitted tooling vary. Free plans, quotas and CLI behavior may change. The initial-cash example excludes labor, taxes, existing subscription payments/renewals, custom domains, paid assets, email delivery, dynamic services and ongoing extras. Commerce, regulated content, customer accounts and private administration need separate engineering and review. No comparable US$10,000 agency scope was verified, so no savings or value-equivalence claim is made.

Sources & review notes

These sources support the tool context and review principles. The workflow, prompt, and synthetic example are original editorial material.

Up next

Build an AI writing skill from your own sent messages

Let an agent study approved email, Teams and Slack samples, turn recurring patterns into a reusable skill, and draft replies you can review.

Read the next workflow

Keep exploring.

All workflows ↗
OperationsBeginner12 min read

Context windows, context rot and better AI handoffs

Understand context windows, spot the difference between a capacity limit and a muddled conversation, and carry unfinished work into a fresh start.

ChatGPT · Claude · Codex
OperationsBeginner12 min read

Your first useful task with ChatGPT or Claude

Turn a handful of notes into a clear weekly update, learn to improve a draft, and check the facts before you use it.

ChatGPT · Claude