How I Built and Hosted My First Website With AI, Without Spending a Dime

The first time someone told me I could build a real, working website using AI without knowing how to code, I assumed it was one of those exaggerated internet claims. Then I actually tried it, on a slow evening with average WiFi in Freetown, and had a live portfolio site online in under two hours, for zero Leones, zero dollars. It was not perfect on the first attempt, and I made a few mistakes along the way that cost me an extra hour, so let me walk you through exactly what worked, what did not, and how you can do this faster than I did.

Short version, yes, you can build and host a website completely free using AI tools like ChatGPT or Claude to generate the code, paired with free hosting platforms like GitHub Pages, Netlify, or Vercel. You do not need to buy a domain to start, though you will eventually want one if you are serious about it.

Here is the full process, step by step.

What Building a Website With AI Actually Means

There are two very different approaches peoplemix together under building a website with AI, and mixing them up is where most confusion starts.

Approach One, AI Website Builders

Tools like Google AI Studio, Wix, Framer, Durable, and Hostinger's AI builder ask you a few questions about your business or purpose, then generate a full visual website for you using templates. You barely touch code. This is faster for beginners but the free versions usually come with the platform's branding, limited pages, or a subdomain like yourname.wixsite.com instead of a clean domain.

Approach Two, AI Coding Assistants

This is asking ChatGPT or Claude to actually write the HTML, CSS, and JavaScript code for your site, which you then host yourself on a free platform. It takes a little more effort upfront but gives you a completely clean, professional result with no branding attached and full control over every detail. This is the method I will focus on, because it is genuinely free with no hidden limits, and it taught me more about how websites actually work.

Step 1, Decide What Kind of Site You Are Building

Before opening any AI tool, get clear on the basics, a simple portfolio, a small business landing page, a resume site, or a one page project showcase. Trying to build a complex multi page e-commerce site as your first project is where a lot of beginners get stuck and give up. Start small, get something live, then expand it.

Step 2, Generate the Website Code With AI

Open Claude or ChatGPT and describe what you want in plain language. I typed something close to this for my own portfolio site.

Build me a simple, clean one page website for a freelance graphic designer, sections should include a short bio, a portfolio grid with placeholder images, a services list, and a contact form. Use a modern, minimal color scheme, and make it fully responsive for mobile.

Claude and ChatGPT will both generate a working HTML file, sometimes split into HTML, CSS, and JavaScript, depending on how you phrase the request. Ask it to put everything into a single HTML file if you want the simplest possible setup for hosting later, since one file is much easier to upload and manage as a beginner.

A Tip That Saved Me Time

Do not accept the first version. I asked for three rounds of changes, first to fix the color scheme, then to make the contact form actually look like a form instead of plain text boxes, then to adjust spacing on mobile. Treat the AI like a junior designer you are giving feedback to, not a vending machine that gives you a final product on the first try.

Step 3, Test It Before Uploading Anywhere

Save the code the AI gives you as an file named index.html, then simply double click it and open it in your browser to preview it locally before uploading anywhere. This step alone would have saved me from uploading a broken version of my site the first time, where I had forgotten to check that the contact form actually displayed correctly on a phone screen.

Step 4, Choose Free Hosting

This is the part people overthink. Here are the three main free options, all genuinely free with no trial period tricks.

GitHub Pages

Free forever for personal and project sites, reliable, and widely used, which means plenty of tutorials exist if you get stuck. You need a free GitHub account, then you upload your HTML file into a repository and turn on Pages in the settings. You get a link like yourname.github.io. You can check the official setup guide directly at https://pages.github.com.

● Pros, completely free, no time limit, trusted and stable, good for portfolios and simple sites

● Cons, slightly technical first setup, not ideal for sites needing a database or backend

Netlify

My personal favorite for beginners because you can literally drag and drop your website folder onto their dashboard and it goes live in under a minute, no command line required.

● Pros, extremely beginner friendly, free custom subdomain, fast, handles forms without extra code

● Cons, free tier has some monthly bandwidth limits, though this rarely affects a small personal site

Vercel

Similar to Netlify, slightly more geared toward developers building with frameworks, but still works fine for a simple HTML site.

● Pros, fast, reliable, free tier is generous

● Cons, interface feels a bit more technical for absolute beginners

Step 5, Getting a Custom Domain, Optional But Worth Knowing

Free hosting gives you a subdomain like yourname.netlify.app, which is completely fine to start with and costs nothing. If you later want yourname.com, or a local option like yourname.com.ng, yourname.co.ke, or yourname.co.za, you will need to pay for the domain itself from platforms like Namecheap.com and Godaddy.com, usually a small yearly fee, though the hosting can remain free. Domain prices vary a lot by registrar, so compare a couple before buying rather than going with the first one you see advertised.

A Real Walkthrough From Start to Finish

Here is exactly what I did for my portfolio site, in order.

● Asked Claude to build a one page HTML site with bio, portfolio grid, services, and contact section

● Requested three rounds of design tweaks, colors, spacing, and mobile responsiveness

● Saved the file as index.html and opened it locally in my browser to check everything worked

● Created a free Netlify account and dragged the folder containing index.html onto the dashboard

● Site went live instantly on a free Netlify subdomain

● Shared the link to test on a friend's phone to confirm mobile view looked right before sending it to anyone professionally

Total time, about ninety minutes, most of it spent going back and forth on design details rather than anything technical.

Mistakes I Made, So You Skip Them

● Not testing on mobile before sharing the link, my first version had the contact form overflowing off the screen on smaller phones

● Asking for too much at once in the first prompt, which produced a messy result, better to build the basic structure first, then request sections one at a time

● Forgetting to save a backup copy of the code before asking the AI to make big changes, sometimes a new version loses something you liked from an earlier draft

● Assuming I needed to buy a domain immediately, when the free subdomain was completely fine for showing early work to clients

●

Free AI Tools Worth Trying for This

● Claude, strong at writing clean, well structured code and good at following detailed design instructions

● ChatGPT, fast, widely used, plenty of community tutorials if you get stuck on a specific step

● Google's Gemini, decent for simpler layouts and integrates well if you are already using Google tools

Why This Matters More for African Founders and Freelancers

A lot of freelancers, small business owners, and students across Africa lose potential clients simply because they do not have any online presence, even a basic one page site. Data cost and access to expensive web design services have historically been real barriers. This method removes both of those barriers almost entirely, no coding course required, no design agency fee, and hosting that costs nothing indefinitely. If you are running a small business and eventually take payments, note that some free hosting and builder platforms are built around payment processors like Stripe that are not fully available in every African country, so plan to integrate a locally supported option like Paystack or Flutterwave when you get to that stage, rather than assuming the default payment button will work out of the box.

Pros and Cons of This Whole Approach

● Pro, completely free from code generation to hosting

● Pro, faster than learning to code from scratch

● Pro, full control over design, unlike template based builders

● Con, still requires some back and forth and patience, it is not fully automatic

● Con, free hosting subdomains look less professional than a paid custom domain

● Con, more complex sites, like ones needing logins or databases, need more advanced setup beyond this beginner method

Frequently Asked Questions

Do I need to know how to code to build a website with AI?

No. You describe what you want in plain language and the AI generates the code. Basic comfort with copying files and clicking through a hosting dashboard is all that is required.

Is the hosting really free forever, or just a trial?

GitHub Pages, Netlify, and Vercel all offer genuinely free tiers with no trial period, meant for personal and small projects. They make money from businesses needing higher usage, not from beginners hosting a portfolio site.

Can I use this method to build a business website, not just a portfolio?

Yes, plenty of small business landing pages are built this exact way. Just plan ahead for a proper local payment option if you intend to sell anything directly through the site.

Which is better for beginners, Claude or ChatGPT, for generating website code?

Both work well. Claude tends to produce cleaner, more organized code on the first attempt, while ChatGPT has a larger base of community tutorials if you want extra guidance during the process.

Do I need to buy a domain name to get started?

No, the free subdomain provided by your hosting platform works fine for testing, sharing with early clients, or building your portfolio. Buying a custom domain is a later step, not a requirement to launch.

Will my free website show ads or the hosting platform's branding?

With this AI generated code and free hosting method, no. Branding and ad limitations are more common with drag and drop AI website builders on their free plans, not with hosting your own generated code on platforms like Netlify or GitHub Pages.