Overview

In the digital age of 2026, having a professional personal brand website is no longer a luxury. With AI assistance, you can create a beautiful website in just 5-10 minutes without any programming knowledge.

What you’ll learn:

  • How to use AI (Google Anti Gravity) to automatically generate websites
  • Deploy websites for free with Cloudflare Pages
  • Connect custom domain names
  • Integrate contact forms with Google Sheets

Cost: Completely free (except domain ~$3-$25/year)

Prerequisites

Before starting, prepare the following tools and accounts:

1. Domain Name

A domain name is mandatory, but very affordable:

  • .vn domain: Only about $1.20/year at PA Vietnam
  • .com domain: Around $8-15/year
  • Recommended: Buy from Cloudflare for the best prices (at-cost pricing with no markup)

2. Google Gemini Pro Account

Anti Gravity is Google’s AI coding tool with powerful website generation capabilities:

  • Free tier: Limited requests
  • Pro: Around $20/month - unlimited
  • Tip: Look for Google Workspace Education (Edu) accounts for much cheaper pricing

3. GitHub and Cloudflare Accounts

Both are completely free:

  • GitHub: Source code repository
  • Cloudflare Pages: Free website hosting with SSL and global CDN

Step 1: Purchase a Domain

In this example, I’ll demonstrate by purchasing a domain for a real estate professional.

Domain Purchase Process

  1. Visit Cloudflare
  2. Log in or create a new account
  3. Select “Domain Registration” or “Buy a Domain”
  4. Search for your desired domain (e.g., leminhbds.com)
  5. Check availability and pricing
  6. Pay via PayPal or Visa/Mastercard

Security Tip: Don’t keep too much money in your online payment card. Only transfer the necessary amount when purchasing to avoid hacking risks.

Choosing a Good Domain

  • Short and concise: Easy to remember, easy to type
  • Meaningful: Related to your name or field
  • Avoid: Numbers, hyphens, difficult spelling

Step 2: Create Website with Anti Gravity

Anti Gravity is Google’s AI coding assistant that can automatically generate complete websites from text descriptions.

Launch Anti Gravity

  1. Open the Anti Gravity application (after installation)
  2. Select “New Window” to create a new project
  3. Choose “Open Folder”
  4. Create a new folder for the project (e.g., website-leminhbds)

Write Website Generation Prompt

This is the most important part determining website quality. Write the prompt as detailed as possible:

Create an HTML5 and JavaScript website for me.

The website name is [Your Name] - [Field].

This website introduces [Name], a [Field] expert
currently working as [Position] at [Company].

[Name] has [X] years of experience in [Field] and wants to
[Purpose - e.g., recruit, collaborate, consult].

Please research thoroughly and create a beautiful website for me.

Specific example:

Create an HTML5 and JavaScript website for me.

The website name is Le Minh Real Estate (Le Minh BDS).

This website introduces Le Minh, a real estate expert
currently working as Director of Tue Minh Block at Thien Khoi Group.

Le Minh has 15 years of experience in real estate and wants to
recruit many real estate sales partners.

Please research thoroughly and create a beautiful website for me.

AI Automatically Works

After submitting the prompt, Anti Gravity will:

  • Automatically create folder structure
  • Write HTML, CSS, JavaScript code
  • Automatically write content based on your information
  • Create sections: About, Experience, Services, Contact…
  • Design responsive, beautiful interface

Impressive: AI not only codes but also writes introduction content, reasons to collaborate, advantages… all based on your prompt!

Step 3: Push Code to GitHub

While waiting for Anti Gravity to work, prepare a repository on GitHub.

Create New Repository

  1. Log in to GitHub
  2. Click “New” button or ”+” > “New repository”
  3. Name the repository (e.g., website-leminhbds)
  4. Choose Private if you don’t want to make the source code public
  5. Don’t check “Initialize with README”
  6. Click “Create repository”
  7. Copy the repository URL (format: https://github.com/username/website-leminhbds.git)

Push Code from Anti Gravity

After Anti Gravity completes the code, simply command:

Push this to Git: https://github.com/username/website-leminhbds.git

Anti Gravity will automatically:

  • Initialize Git repository
  • Add all files
  • Commit with appropriate message
  • Push to GitHub

Done! Code has been pushed to GitHub, ready to deploy.

Step 4: Deploy Website to Cloudflare Pages

Cloudflare Pages provides free hosting with high performance, automatic SSL, and global CDN.

Deploy Website

  1. Log in to Cloudflare Dashboard
  2. Select “Workers & Pages” from the left menu
  3. Click “Create Application”
  4. Select “Pages” tab
  5. Click “Connect to Git”
  6. Authorize Cloudflare to access GitHub (first time)
  7. Select the repository you just created (website-leminhbds)
  8. Click “Begin Setup”
  9. Confirm configuration (usually leave as default)
  10. Click “Save and Deploy”

Completion

In just a few seconds, Cloudflare will:

  • Build and deploy the website
  • Provide a free URL like: website-leminhbds.pages.dev
  • Activate SSL (HTTPS) automatically

Note: If you don’t want to buy a domain, you can use this free .pages.dev domain - still very professional!

Step 5: Connect Custom Domain

If you’ve purchased a domain, connect it to the website.

Add Custom Domain

  1. In the Pages project you just created, select “Custom Domains” tab
  2. Click “Set up a custom domain”
  3. Enter your purchased domain (e.g., leminhbds.com)
  4. Click “Activate Domain”

Advantage of buying domain from Cloudflare: Since domain and hosting are in the same system, DNS automatically connects instantly. No manual configuration needed!

Result

Your website is now accessible via:

  • Custom domain: https://leminhbds.com
  • Free domain: https://website-leminhbds.pages.dev

Bonus: Add Contact Form with Google Sheets

This feature helps you automatically receive customer information in Google Sheets without complex databases.

Step 1: Create Google Sheet

  1. Visit sheet.new to quickly create a new sheet
  2. Name the sheet (e.g., “Data Le Minh BDS”)
  3. Create header columns:
    • Timestamp
    • Full Name
    • Phone Number
    • Email
    • Experience
    • Message

Step 2: Setup Google Apps Script

  1. In Google Sheet, select “Extensions” > “Apps Script”
  2. Delete default code
  3. Return to Anti Gravity and enter prompt:
Create a feature for me: when someone fills out the form on the website,
data will be sent to Google Sheet. Create Apps Script
to handle POST requests and save to sheet.

Anti Gravity will create complete Apps Script code with:

  • doPost() function to receive data from form
  • CORS handling
  • Save to sheet with timestamp

Step 3: Deploy Apps Script

  1. Paste code from Anti Gravity into Apps Script Editor
  2. Click “Deploy” > “New deployment”
  3. Select type: “Web app”
  4. Configure:
    • Description: “Form handler for website”
    • Execute as: “Me”
    • Who has access: “Anyone”
  5. Click “Deploy”
  6. Authorize access permissions (first time)
  7. Copy the generated “Web app URL”

Step 4: Update Website

Return to Anti Gravity and enter:

Update this Apps Script URL into the contact form on the website:
[paste URL you just copied]

When user submits form, send POST request to this URL
with fields: name, phone, email, experience, message

Anti Gravity will automatically:

  • Update JavaScript form handling
  • Add validation
  • Display success/error messages

Step 5: Push & Deploy

Push to Git

Cloudflare Pages will automatically detect changes and deploy the new version in seconds!

Test Form

  1. Visit the website
  2. Fill in information in the contact form
  3. Submit
  4. Check Google Sheet - data will appear immediately!

Error Handling and Debugging

The process doesn’t always go smoothly 100%. Here’s how to handle common errors:

Form Not Sending Error

Symptoms: Submit form but don’t see data in Sheet

How to debug with Anti Gravity:

  1. Use Anti Gravity’s “Browser” feature
  2. Enter prompt:
I submitted the form but data hasn't entered Google Sheet.
Please open browser, test the form and find the error.

Anti Gravity will:

  • Open browser automatically
  • Test the form
  • View console errors
  • Suggest fixes

CORS Error

If you encounter CORS (Cross-Origin Resource Sharing) error, ensure Apps Script has this code:

function doPost(e) {
  return ContentService
    .createTextOutput(JSON.stringify({success: true}))
    .setMimeType(ContentService.MimeType.JSON);
}

Cloudflare Deploy Error

If deploy fails, check:

  • Are build settings correct
  • Framework preset (usually “None” for static HTML)
  • Leave build command empty
  • Leave output directory empty or /

Tip: Ask Anti Gravity! Paste the error message and tell it to debug.

Optimizing Website After Completion

1. Change Content

Change the introduction in the About section to:
[new content]

2. Add Images

Add my avatar to the header. The image file is avatar.jpg
in the images folder.

3. Change Colors

Change the website's primary color to #2E86AB (blue)

4. Add New Features

Add a "Testimonials" section to display customer reviews

Anti Gravity will automatically update the code. Then just push to git and you’re done!

SEO & Performance

Basic SEO Optimization

Anti Gravity automatically creates websites with basic SEO, but you can improve:

Optimize SEO for the website:
- Add meta description
- Add Open Graph tags
- Add structured data (Schema.org)
- Optimize images with lazy loading
- Add sitemap.xml

Check Performance

Use Google PageSpeed Insights to check:

  • Core Web Vitals
  • Performance score
  • Accessibility
  • Best practices
  • SEO

Actual Costs

ItemCostNote
.com domain~$8-15/yearAt Cloudflare
.vn domain~$1.20/yearAt PA Vietnam
Cloudflare PagesFreeUnlimited bandwidth
GitHubFreePrivate repos
Google SheetsFreeUnlimited
Anti Gravity (optional)$0 - $20/monthFree tier available

Minimum total cost: Only $1.20/year (if choosing .vn and using free Anti Gravity)

Frequently Asked Questions (FAQ)

Is there a bandwidth limit for the website?

No. Cloudflare Pages provides completely unlimited bandwidth for free.

Can I edit the website later?

Yes. Just tell Anti Gravity to make edits, then push to Git. The website updates automatically.

Does the website support HTTPS?

Yes. Cloudflare automatically activates free SSL for all websites.

I don’t know how to code, can I do this?

Absolutely! You just need to know how to write clear prompts, AI will do everything.

Is the website fast?

Very fast. Cloudflare has a global CDN with over 275 data centers, ensuring fast page load speeds from anywhere.

Can I sell this website-building service?

Yes. You can absolutely build websites for clients with low costs and fast turnaround.

Conclusion

With AI assistance (Google Anti Gravity), creating a professional personal brand website is no longer a challenge. In just 5-10 minutes, you can have:

✅ Beautiful, responsive website ✅ Professional custom domain ✅ Free, high-speed hosting ✅ Automatic SSL/HTTPS ✅ Contact form integrated with Google Sheets ✅ Extremely low cost (domain only)

Final advice: Don’t worry too much about everything being perfect from the start. A website is a “living” product, you can always improve it over time. The important thing is to start today!

Wishing you success with your personal brand website! 🚀

P/S: If you encounter difficulties or have questions, don’t hesitate to leave a comment below. I’ll try my best to help!

Schema Markup (Structured Data)