How to Create a Business Website Yourself (No Freelancers Needed)

In this guide, I'm going to show you how to build a professional website for your business completely from scratch. You don't need to know how to code, you don't need to hire a freelancer, and you don't need to pay for expensive monthly website builders.

We will use AI tools to do the heavy lifting for us.

---

1. The Plan: Example "Twinkles"

Before we touch any tools, let's decide what we are building. For this guide, we will build a site for a fictional business:

• Business Name: Twinkles
• Location: Kochi (near Pachalam)
• What they sell: Products sold in kilos and packets
• Goal: To get shop enquiries and bulk order enquiries

The purpose of the website is for:

• Other businesses who needs to enquire
• Selling our products at their stores
• Customers who are enquiring about buying kilos of our products for an event

So the website needs:

1. Products Section: Listed with MRP for quantity.
2. Location Section: Showing where our store is located.
3. Contact Form: For enquiries.

This is the planning of website, that is, structure or whatever it is called.

---

2. Getting Started with Tools

Next step is to install Antigravity on Windows/Mac/Linux whichever you are using. Signup using Google.

---

3. The Prompting Strategy (Using ChatGPT)

Assuming you're a business man or a business owner with no prior experience in coding, or don't even know full form of HTML, so you would probably have no idea what to prompt to Antigravity.

So, I suggest using ChatGPT to create the prompt for Antigravity to make the website for you. Sounds intimidating but its pretty easy:

1. Go to ChatGPT.
2. Prompt it to make a website with contents you want on it. For me, use the "Twinkles" data above.
3. Ask ChatGPT: "With this data, make a prompt so I can ask Antigravity to create the site."

---

4. Vibecoding with Antigravity

1. Copy paste the prompt from ChatGPT to Antigravity.
2. Accept all pop ups.
3. You will have a plan. Just type continue or go ahead or plan approved to give a green light.
4. Antigravity will make all the files for you.
5. Make sure your code is built on simple HTML/CSS/JS for starters.
6. You can open the index.html file or double click it to see the code that Antigravity has written for you.

---

5. Hosting on GitHub

Now the next step is to find a place on a server for this code to live. We will use GitHub for this.

1. Signup for GitHub.
2. Create a new repo.
3. Install Git Bash.
4. Do the steps to push your code to the repo.

---

6. Going Live with a Domain

Next step is to buy a domain.

1. Just go to GoDaddy, search for your company name and buy it (cheapest would be somewhere around 90 rs).
2. Once you buy it, go to "My Products" -> "Domain Section".
3. Come back to your GitHub tab, and go to Settings > Pages and make it go live.
4. Once that is done, we need to link it with the GoDaddy site.
5. In GitHub: In the root of your repo, create a CNAME file.
6. In GoDaddy: Go to DNS records inside domain settings.

• Add a CNAME with your username.github.io.
• (If you need an IP, copy it from GitHub Pages settings and add it to DNS records).

Note: If you're using Vercel the steps will differ, but somewhat similar.

---

7. Finishing Touches: Location & Contact Form

Now your website will be live!

For Location:

1. Go to Google Maps and find your address.
2. Ask Antigravity to "update the location as [your address]".

For Contact Form:

1. Sign up on Google Forms and create a new form.
2. Add input fields: Name, Email, and Message (use Short Answer and Paragraph inputs).
3. Publish the form.
4. Get the link and open it in a new tab.
5. The Hacker Part: Go to Inspect Mode (Right Click -> Inspect).
6. Try to find the form element from the DOM using Ctrl+F.
7. Copy the element details.
8. Ask Antigravity to "connect the contact form to Google Form with the DOM I have copied".

And that's it! You have a business website running.