How to Make a Webpage: The Default Course

1.1 — The Three Things Every Website Actually Needs

"Building a website" is really three separate purchases that beginners often think are one thing: a domain (the address people type, like yourbrand.com), hosting (the computer that actually stores your site's files and serves them to visitors 24/7), and the site itself (the pages, design, and content). Nearly every modern tool in this course bundles hosting in with the site-building part, so in practice you'll usually make two decisions, not three: which domain, and which building tool. Understanding they're separate matters the moment you want to switch tools later — your domain moves with you; your hosting usually doesn't.

1.2 — Choosing Your Path: Four Real Options

There isn't one right way to build a site in 2026 — there are four genuinely different paths, and the right one depends on your budget, timeline, and how much control you want. AI builders generate a working site from a short description in minutes, best for speed. Traditional no-code builders (drag-and-drop, no AI generation) trade a bit more setup time for more design control. "Vibe coding" — describing what you want in plain language to an AI that writes real code — gets you a fully custom site with no design-template ceiling, at the cost of more iteration and, eventually, needing someone who can read code if things break. Hiring a developer remains the right call once your needs (complex bookings, custom logic, a real product) outgrow what any of the first three can do well. This course covers the first three in depth, since they cover the overwhelming majority of entrepreneurs, artists, and musicians who need "a good site," not custom software.

1.3 — Getting a Domain, Step by Step

A domain costs roughly $11–20 a year for a standard .com through a reputable registrar (as of October 2026) — Porkbun, Cloudflare Registrar, and Namecheap are consistently well-reviewed in 2026 for charging close to the same price at renewal as at signup, and all three include free WHOIS privacy (which hides your personal contact info from the public domain-ownership database). The actual steps: search your desired name at the registrar's site, check availability, add it to cart, and check out — it's usually live within minutes. The one trap worth watching for industry-wide: many registrars advertise a very low first-year "teaser" price and quietly raise it significantly at renewal, so check the renewal price before you commit, not just the price on the button you're about to click.

1.4 — What "Hosting" Actually Means

Hosting is simply the always-on computer that hands your site's files to a visitor's browser the instant they type your address. With an AI or no-code builder, hosting is bundled into your monthly plan automatically — you'll never touch it directly. If you go the vibe-coding route in Module 2, you'll host separately, and for a simple site that isn't running its own server logic, free static-hosting services (GitHub Pages, Netlify, Vercel, Cloudflare Pages) are genuinely production-grade, not just a "starter" tier — many real small-business sites run on their free plans indefinitely.

1.5 — Plan Before You Build

Before opening any tool, sketch your site on paper: how many pages (a single scrolling page is enough for most small businesses and solo artists — a multi-page site is only worth the extra complexity once you have enough distinct content to justify separate pages), what the single most important action is you want a first-time visitor to take (book a call, buy something, join your list — pick one primary action, not three competing ones), and what absolutely has to be visible without scrolling on your homepage (who you are, what you offer, and that one action). Every AI builder and no-code tool works faster and produces a better first draft when you already know these three things going in, rather than discovering them live inside the editor.

Worked Example: A Small Coffee Roasting Business, Idea to Published Site

Mara wants to sell her small-batch coffee roasts online and locally. Path (1.2): she's not a coder and has a modest budget, so she rules out hiring a developer and vibe coding, narrowing to an AI or no-code builder. Domain (1.3): she checks "marasroast.com" at Porkbun — available, about $12/year, WHOIS privacy included by default. Plan (1.5): she decides on a single scrolling homepage with one clear action — "Shop Roasts" — rather than a five-tab site she doesn't yet have content for. With those three decisions made before opening any tool, her actual build (Module 2) takes an afternoon instead of a week of indecision.

2.1 — AI Website Builders: Zero to a Live Draft in Minutes

An AI website builder generates a working, styled site from a short text description of your business — the fastest route from idea to a live, presentable draft. In 2026, Wix's AI site builder offers the broadest feature set for businesses that expect to grow into ecommerce, bookings, and marketing tools (paid plans from the high teens per month); Framer's AI produces the most polished, design-forward output for brand-conscious creators (paid plans from about $10/month, billed yearly); Hostinger's AI builder is the most consistently affordable option (about $2.50–$8/month on long prepaid terms, more at renewal); and Durable is built for speed specifically (paid plans from about $25/month) — describe your business type, name, and location, and it produces a complete site in about 30 seconds, aimed at local service businesses that need a credible presence fast. None of these replace your own judgment on 1.5's plan — they draft from it, they don't decide it for you.

2.2 — Traditional No-Code Builders: More Control, More Setup

Traditional drag-and-drop builders skip the AI-generation step and start you from a template you customize by hand — slower to a first draft than an AI builder, but with more predictable control over exactly what changes where. Squarespace is the strongest all-around choice for small businesses and creators who want a professional design with minimal design experience required. Webflow offers real design-tool-level control at the cost of a steeper learning curve, best suited to anyone comfortable spending more time to get an exact look. WordPress.com remains the strongest choice specifically when ongoing blog or article content is central to your strategy, since it's still the most search-friendly platform for publishing regularly.

2.3 — Vibe Coding: A Fully Custom Site, Described in Plain Language

"Vibe coding" means describing what you want in natural language to an AI tool that writes and runs real code for you — no design-template ceiling, genuinely custom functionality, and no monthly builder subscription, at the cost of more back-and-forth iteration and eventually needing to either learn enough to maintain it or hand it to a developer. Lovable is widely regarded as the easiest on-ramp for non-coders, producing polished results from a chat interface; Bolt turns a single prompt into a live, running site in your browser with hosting handled automatically; Replit Agent offers the closest thing to a full conversational build-and-run environment. General-purpose AI assistants — including Claude itself — can also write the code for a simple custom page directly in conversation, which is a reasonable route if you're comfortable pasting the result into a hosting service from 1.4. This path suits an entrepreneur or artist who wants something no template quite captures and doesn't mind a more hands-on process.

2.4 — Design Principles No AI Fixes for You

Even the best generated draft needs a human editing pass, because a handful of design decisions determine whether a site feels trustworthy or amateur, and no tool makes them for you automatically: pick one clear primary action per page (from 1.5) instead of competing buttons; leave real whitespace rather than filling every pixel — a cluttered page reads as less credible, not more thorough; keep your color palette to two or three colors used consistently; and check your site on an actual phone, not just the desktop preview, since most visitors to a small business or artist site will arrive on mobile first.

2.5 — Getting Found: SEO Basics That Actually Matter

You don't need deep SEO expertise to cover the fundamentals that matter most: give every page a unique, descriptive title tag under about 60 characters, write a meta description under 160 characters that makes a human want to click (it doesn't affect ranking directly, but it affects whether people choose your result), and add real alt text to every image describing what it actually shows — this helps search rankings and makes your site usable for visitors using screen readers. One newer 2026 wrinkle worth knowing: AI answer engines (the kind that generate a direct answer instead of a list of links) weigh some signals differently than traditional search, an area increasingly called AEO or GEO (answer/generative engine optimization) — the practical takeaway for a small site is the same as always, though: clear, well-structured, genuinely useful content is what both traditional search and AI answer engines reward.

2.6 — Getting Paid: Choosing a Payment Processor

If you'll take payments directly on your site, three processors cover almost every case. Stripe is the strongest fit for an online-first business on a custom or builder-based site, charging a flat 2.9% + $0.30 per online transaction with the deepest customization options. PayPal remains the most recognized name to customers, which can reduce checkout hesitation for first-time buyers, at a higher rate (3.49% + $0.49 when customers pay through PayPal Checkout; 2.99% + $0.49 for standard card payments). Square is built for businesses that also sell in person — its in-person rate (2.6% + $0.15, lower still on higher-volume plans) beats both of the others for a physical counter, with online selling as a secondary strength. Most AI and no-code builders integrate one or more of these directly in their commerce settings, so this is usually a checkbox during setup rather than a separate technical project.

3.1 — Building a Real Online Store

If selling physical products is central to your business rather than a side feature, Shopify is worth the dedicated platform switch — it gives you full control over your store, inventory, and checkout in a way general-purpose site builders' commerce add-ons don't quite match once you're selling seriously. If selling is secondary to an otherwise content- or portfolio-focused site, the built-in commerce features inside Squarespace, Wix, or a similar builder are usually enough, and keep you in one tool rather than stitching two platforms together.

3.2 — Selling Digital Products and Files

Digital products — an ebook, a preset pack, a sample library, a course — need a platform that actually handles secure file delivery, not just a payment button. Gumroad requires almost no setup and charges 10% + 50¢ per direct sale with no monthly fee (30% on sales through its Discover marketplace), making it the lowest-friction starting point. Payhip is a strong low-cost alternative with a built-in affiliate system, letting other people promote your product for a cut you control, also with no monthly fee. Sellfy and Lemon Squeezy both get you a working store in minutes for straightforward digital-goods selling. Any of these plug into an existing site via a simple embedded link or button — you don't need to rebuild your whole site around them.

3.3 — Musicians and Bands: Purpose-Built Tools

An independent musician is usually better served by a music-specific platform than a general builder. Bandzoogle is purpose-built for musicians, with industry-specific templates and — unlike some alternatives — no commission taken on your sales, at about $9–18/month on annual billing ($11–22 month to month). Bandcamp functions as both a website and a "record store" in one, with a discovery audience built in that a fully independent site doesn't have access to. Linktree (or a similar link-in-bio tool) isn't a replacement for either — it's a lightweight hub that points a social media bio at all of your other links (music, merch, tickets) at once, and pairs naturally with a fuller site rather than substituting for one.

3.4 — Announcements and Building an Owned Audience

Followers on any platform are rented, not owned — the algorithm can change overnight and take your reach with it, which is exactly why an email list (or, for artists specifically, an SMS list) is worth building from day one for announcements, drops, and releases. Kit (formerly ConvertKit) and Beehiiv are built specifically for creators running an email-first business rather than broad corporate marketing teams, with Kit's free plan covering up to 10,000 subscribers. Substack works well if you want to publish paid written content directly (it keeps 10% of paid-subscription revenue), while Mailchimp and MailerLite remain solid general-purpose choices, though both free tiers now stop at 250 contacts. This directly extends this series' Social Media Marketing course's point about the owned-vs-rented-audience hedge — your website and your email list are the "owned" side of that hedge.

3.5 — The Legal Minimum for a Real Website

If your site collects any personal information at all — a contact form, a newsletter signup, or even standard analytics — you need a privacy policy; as of 2026, about 20 U.S. states have comprehensive privacy laws in force and several more have passed them (Indiana's, Kentucky's and Rhode Island's took effect on 1 January 2026), and a well-drafted policy that accurately describes what you actually collect satisfies the core disclosure requirement across them. A terms of service page primarily protects your business, setting the rules for how people may use your site. If you use analytics or ad tracking, you also need a cookie consent mechanism. This is website-specific compliance, distinct from — and in addition to — this library's existing The Legal Bare Minimum piece (category 4) on general business legal setup; most AI and no-code builders include a free privacy-policy and terms generator built into their settings, which covers the baseline for a small site.

3.6 — Maintenance: Keeping a Site Alive, Not Just Launched

A site is not a one-time project — it needs periodic, low-effort upkeep to stay useful and credible: check that your domain's auto-renewal is actually on (a lapsed domain can be bought by someone else within days of expiring), update prices, hours, and product availability as they change, and glance at your site on a phone every few months to catch anything that's visibly broken. AI tools genuinely lower the maintenance burden here too — asking an AI builder's chat editor, or a vibe-coding tool, to "update my hours to X" or "add my new album to the homepage" is now often faster than digging through a traditional settings panel, which makes staying current far more sustainable than it used to be.

Glossary: Terms Used in This Course

• Domain — the address people type to reach your site (e.g., yourbrand.com), purchased separately from hosting.
• Hosting — the always-on service that stores your site's files and serves them to visitors; bundled automatically into most builder plans.
• WHOIS privacy — a free service, included by most reputable registrars, that hides your personal contact info from the public domain-ownership database.
• Vibe coding — describing what you want in plain language to an AI tool that generates and runs real code for you.
• SEO (Search Engine Optimization) — the practice of structuring a site so search engines can find, understand, and rank it well.
• AEO / GEO — Answer/Generative Engine Optimization: the newer practice of structuring content so AI answer engines can find and cite it, alongside traditional search.
• Payment processor — the service (Stripe, PayPal, Square) that actually moves a customer's payment into your account.
• Owned audience — an email or SMS list you control directly, as opposed to followers on a platform whose algorithm you don't control.