Your First AI-Built Website

A Complete Beginner's Guide to Building with AI

You don't need to know how to code. You don't need a computer science degree. All you need is curiosity and about 30 minutes. By the end of this guide, you'll have a live website on the internet that you built with AI.

Let's get started.

Part 1

Setting Up Your Toolkit

Before we build anything, you need a few free tools. Think of this as setting up your workshop. Good news: everything here is completely free.

Your Setup Checklist

Download and Install Antigravity

This is an AI-powered code editor with multiple AI models built right in—so you can choose the best one for each task. Go to antigravity.dev and download the version for your computer (Mac, Windows, or Linux).

Create a Development Folder

Make a new folder on your computer called “Development” (or “Dev” for short). This is where all your projects will live. Put it somewhere easy to find—your Documents folder or Desktop.

Sign Up for GitHub

GitHub is where developers store and share code. Think of it as Google Drive for code. Go to github.com and create a free account.

Sign Up for Vercel

Vercel takes your code and turns it into a live website. It's free for personal projects. Go to vercel.com and sign up—you can use your GitHub account to make this easier.

Get a Browser Agent(Optional)

Tools like Claude can help you navigate unfamiliar interfaces. If you get stuck, you can ask AI to walk you through any step.

Pro Tip: All of these tools are free. You won't need to enter any payment information to complete this guide.

Part 2

Building Your First Project

Now the fun begins. You're going to tell an AI what to build and watch it write the code for you.

1

Open Antigravity and Create Your Project

  1. Open Antigravity
  2. Click “Open Project” (or go to File → Open)
  3. Navigate to your Development folder
  4. Create a new folder inside it called “my-first-project” (or whatever you want to call your project)
  5. Open that new folder
2

Tell the AI What to Build

In Antigravity, open the AI chat panel. Then give it a prompt describing what you want to build.

Here's an example prompt you can use:

We are a telemedicine company. Build me a quiz funnel for the brand GetPeptides.com. The quiz should ask users about their health goals, collect their email, and show personalized results. Use a modern, clean design with a calming color palette.

Feel free to customize this for your own project! Describe what your business does, what you want the website to do, and any design preferences you have.

3

Let the AI Work

The AI will start generating code. Accept the changes it suggests. Don't worry if you don't understand the code—that's the whole point of using AI to build.

If something doesn't look right, just tell the AI what you want changed in plain English. It's a conversation.

Part 3

Publishing Your Site to the Internet

You've built something. Now let's put it on the internet so anyone can see it.

4

Create a GitHub Repository

  1. Go to github.com and log in
  2. Click the green “New” button (or the + icon in the top right)
  3. Name your repository (use the same name as your project folder)
  4. Select “Private” if you don't want others to see your code
  5. Click “Create repository”
  6. Copy the repository URL (it looks like: https://github.com/yourusername/your-repo-name.git)
5

Push Your Code to GitHub

Back in Antigravity, open the AI chat and type:

Push this project to GitHub: [paste your repository URL here]

The AI will guide you through connecting your local project to GitHub. Follow any prompts it gives you.

6

Deploy on Vercel

  1. Go to vercel.com and log in
  2. Click “Add New...” → “Project”
  3. Connect your GitHub account if you haven't already
  4. Find and select your repository from the list
  5. Click “Deploy”
  6. Wait 1-2 minutes for the magic to happen...

Congratulations!

You now have a live website! Vercel will give you a URL like your-project.vercel.app that you can share with anyone.

Stuck? Here's What to Do

If you run into any issues at any step, don't panic. You have a secret weapon: just ask AI for help.

Open Claude, ChatGPT, or any AI assistant and describe exactly where you're stuck. Copy and paste any error messages you see. The AI can walk you through almost any problem.

Remember: every expert was once a beginner who felt lost and confused. That uncomfortable feeling? That's what learning feels like. Embrace it.

What's Next?

Now that you've built your first project, the possibilities are endless:

  • •Ask the AI to add new features
  • •Change the design or branding
  • •Connect a database to store information
  • •Build something completely different

Every website you see, every app you use—someone built it. And now you have the tools to build things too.

Welcome to the future of building.

If you went through this guide and found yourself genuinely hooked—if you're already thinking about what to build next—we'd love to have you.

Built with AI is a community of people who are building with these tools 5–10 hours a day. We share what's working, debug together, and push each other to ship. It's not a casual interest group—it's for people who can't stop building.

Join the Community