Short answer: You can launch a basic website for a $3.18 domain by planning it with ChatGPT, coding it with Claude, storing the code in GitHub and deploying it on Vercel's free plan. The $3.18 covers only the first-year domain; AI plans, renewals and your time are extra, and a human still has to review, test and approve everything.
What does the $3.18 website stack include?
The setup combines several tools, each with one specific job.
Plan the site, organize content, refine messaging and define requirements.
Generate, edit and troubleshoot website code.
Make decisions, review output, test functionality and approve changes.
Store code and track every change.
Publish the website and manage deployments.
The $3.18 custom domain visitors type in.
The domain cost was $3.18. GitHub and Vercel offer free plans that may be sufficient for a basic website, subject to their current terms and usage limits. The cost of ChatGPT and Claude depends on the plans and usage involved.
How does ChatGPT help plan the website?
The first step is deciding what the website should accomplish. A website can look impressive and still fail if it has no clear audience, confusing messaging, or no useful next step for visitors.
ChatGPT helps turn an idea into a structured plan. I use it to:
- Define the website's purpose and target audience.
- Plan the site structure and navigation.
- Draft page content and calls to action.
- Establish a consistent tone and visual direction.
- Identify SEO requirements before development begins.
- Create detailed instructions for implementation.
- Prepare testing checklists for the finished website.
Instead of asking an AI tool to build an entire website without context, I first define what needs to be built and why. This is the same thinking behind our website strategy work. A small business website might need a homepage, services page, about page, contact page, responsive layouts, descriptive metadata and a clear conversion path.
The more clearly the requirements are defined, the easier it becomes to evaluate the finished product. ChatGPT helps with planning, but its suggestions still need to be checked against the actual business objectives and technical requirements.
How does Claude turn the plan into working code?
Once the requirements are clear, Claude can help implement the website. Depending on the project, this could mean generating HTML, CSS and JavaScript, or working with a framework such as Next.js. The work may include:
- Building responsive page layouts.
- Implementing navigation and reusable components.
- Applying the agreed design system.
- Adding semantic HTML and metadata that support technical SEO.
- Troubleshooting errors.
- Revising code as requirements change.
The key is to work iteratively. Build a section, inspect the result, test it, and correct problems before moving on. Generating a large amount of code in one step does not automatically produce a better website.
Claude is the implementation assistant, not the final authority on whether the website is correct.
What decisions does the human still own?
This is what makes the workflow effective. AI can generate options, explain code and suggest improvements. A person still needs to decide which recommendations make sense.
Decide what the website should communicate, which features matter and what can wait.
Reject generic copy, unnecessary features, unsuitable designs and solutions that do not fit.
Test links, forms, mobile layouts, redirects, metadata and deployment behavior.
Review factual claims, protect credentials, check privacy and licensing, approve what goes live.
Focus on changes that improve usability or business outcomes, not minor polish.
The human role is not copying output between AI tools. It is providing context, making decisions and taking responsibility for the finished product. It is also how we approach client work, as described in how we work.
Why store the code in GitHub?
GitHub stores the website code and preserves its history. Create a repository for your project and push the website files. A simple static website might look like this:
my-website/
├── index.html
├── styles.css
├── script.js
└── assets/
└── images/A framework-based project, such as Next.js, will have a different structure.
Keeping the code in GitHub lets you track changes, review updates and restore an earlier version when needed. This matters with AI-generated code, because a change can introduce a regression, remove existing functionality or modify files that should not have been touched.
How do you set up Vercel and deploy the website?
Vercel handles hosting and deployment, so you do not need to configure a traditional web server. Once the code is in GitHub, connect the repository and publish.
Create a Vercel account
Create an account at Vercel. Signing up with GitHub makes connecting your repository easier. Vercel offers a free plan for eligible projects, subject to its current terms and usage limits.
Import your GitHub repository
- Open your Vercel dashboard.
- Select
Add New → Project. - Import your GitHub repository.
- Grant repository access if prompted.
- Select the project you want to deploy.
If the repository does not appear, check that the GitHub integration has permission to access it.
Configure the project
Vercel usually detects supported frameworks automatically. For a basic static site, make sure index.html is in the directory Vercel serves; plain HTML, CSS and JavaScript need no build command. For Next.js, use the detected framework settings. If the code lives in a subdirectory, check the Root Directory setting.
Deploy the website
Select Deploy. Vercel retrieves the repository, runs any build process and publishes the result to a URL. Check that:
- The homepage loads correctly.
- Images, stylesheets and JavaScript work.
- Navigation links point to the right destinations.
- The layout adapts to mobile screens.
- There are no obvious build or browser errors.
If deployment fails, read the build logs and fix the underlying problem before trying again.
Enable automatic deployments
When you push a change to the production branch, Vercel builds and deploys the update. Other branches can create preview deployments. The workflow becomes:
Connect your $3.18 domain
- Open your project in Vercel.
- Go to
Settings → Domains. - Add the domain you purchased.
- Follow the DNS instructions Vercel shows.
- Add the DNS records at your domain registrar.
- Return to Vercel and verify the configuration.
Use the values in your own Vercel dashboard rather than copying records from a tutorial. If your domain already has email or other services configured, do not delete unrelated DNS records. Moving an existing site? Follow a proper website migration process so rankings carry over. Once DNS is correct, Vercel provisions HTTPS.
Test the live domain
Open your domain in a new browser session. Check the root domain and the www version, choose a primary version and redirect the other to it. Also confirm that HTTPS works without warnings, the correct site loads, important pages return the expected responses, internal links use the right domain, and pages meant for search are not blocked.
What happens when you update the website?
You do not repeat the setup. Make the change, review the code and push it to GitHub, and Vercel deploys the new version. Automatic deployment does not replace testing, so check important changes to navigation, metadata, redirects, forms and templates after each deploy.
What should you check before launch?
A successful deployment is only the beginning. Before promoting the website, check the essentials:
- The custom domain loads correctly.
- HTTPS works.
- The website works on desktop and mobile.
- Navigation and contact links work.
- Page titles and meta descriptions are present.
- Each important page has a clear main heading.
- Images load and have appropriate alternative text.
- Pages intended for search engines are indexable.
- Canonical URLs are configured correctly where needed.
- The XML sitemap is available.
- Analytics and Search Console are configured (see GA4 and GTM tracking).
For larger websites, a crawler such as SiteAud!tLint finds broken links, missing metadata, duplicate titles and other issues across many URLs. It is the same crawler behind our audit method, or you can request a free audit of your new site.
Do not assume that AI-generated code or managed hosting automatically solves every SEO problem.
How do you keep improving after launch?
After launch, focus on improvements that support the website's purpose. For a portfolio, add projects and testimonials. For a service business, improve service pages and make contact easier. For a content site, publish useful articles, monitor search performance and prepare for AI search visibility. The process becomes a repeatable cycle:
As the site grows, review usage and billing. Free hosting plans have limits, and projects needing databases, authentication or backend features may need more services or managed hosting and maintenance. Keep the stack simple until the website has a clear reason to become more complex.
What does the $3.18 cover, and what does it not?
The initial setup can be inexpensive if you use free tiers and do the work yourself. For freelancer, agency and custom build prices, see our website cost in the Philippines: 2026 price guide.
| Item | Initial cost |
|---|---|
| Domain | $3.18 |
| GitHub | $0 on an eligible free plan |
| Vercel | $0 on an eligible free plan |
| ChatGPT | Depends on plan and usage |
| Claude | Depends on plan and usage |
| Development | Your time, unless you pay someone |
| Initial cash outlay | $3.18 plus any applicable costs |
This is an illustrative breakdown, not a guarantee that every feature or usage level stays free. Domain renewals, paid AI features and premium hosting can raise the total, and it assumes you do the implementation yourself.
Is AI replacing the website developer?
No. This workflow shows how one person can use AI tools to handle more of the process without a full team for every small project. The outcome still depends on the problem being solved, the quality of the instructions, the implementation and the verification. A poorly planned website can be built quickly and still fail. If you are weighing outside help, read how to hire a digital marketing agency.
Final thoughts: ChatGPT, Claude and a human
A $3.18 domain was the starting point. ChatGPT shaped the plan, Claude implemented the code, GitHub managed the repository and Vercel handled deployment. The human stayed responsible for the decisions, testing and final result.
AI can reduce the cost and effort of building a website, while human judgment keeps the work relevant, functional and aligned with a real objective. You do not need thousands to get started. You do need a clear plan, the right tools and the discipline to check what you build.
Skip the trial and error
Want the site built right the first time?
One senior strategist plans, builds and launches your website with SEO and tracking in place. Fixed scope, published rates, month-to-month.
Let's Talk → See website development →Further reading from SiteAud!tLint
Remar Barquilla is the founder of remar.digital and the developer of SiteAud!tLint. He writes about technical SEO, AI search and measurable growth. More articles by Remar ↗