Back to articles

How to build your own website for $0 and 1 hour using Claude + Replit

bodila · @51bodila · Mar 21

View original post
How to build your own website for $0 and 1 hour using Claude + Replit cover

This is not clickbait or scam

You can create your own website in 1 hour, literally for free!

  • Your site could be worth +$5000, and you spent $0 on it.

I noticed many people don't even know they can create custom websites using AI - this is literally a **new era

**Below you can check video of my website, more below i write promt for website like it

*Guide on how to do it is below*

STEP 1: What it will be?

First, decide what you want to make

Think about what you want to make: *portfolio, store, catalog, ad - anything*

If nothing comes to mind, make your resume (I did mine, then Vitalik's - see photo)

STEP 2.1: Choosing an design

Once you decide what you want to make, find inspiration

Sites: Dribbble and Designrocket.

Even a rough idea will help you

Screenshot any element you like and paste it into Claude - just describe the site you want, similar to the screenshot

STEP 2/2: Promt for website

If nothing from the gallery inspires you:

I created a universal prompt where you can fill in your needs.

  • AI will generate exactly what you want.

Prompt:

*This prompt can also be used when you have an idea from STEP 2.1.*

STEP 3: Choosing an AI

If you want the best experience and higher quality output:

  • You should consider a subscription to Cursor or Claude

However, if our goal is to build a site for free:

  • Use the free versions of Claude, v0, or Gemini - they all handle website creation perfectly

When you hit the usage limits on one AI, simply copy your website code and paste it into another AI

It will immediately recognize your site and continue working from there.

You can always copy or download the code directly from the chat with the AI agent

This way, you aren't held back by limits and can keep making edits

STEP 4: Refining the Design

Once you have a draft of your site, start editing it to your taste

Pro tip: Try to group all your ideas into a single prompt to save your message credits.

You can add anything: link, photos, animation and so on

Always use phrases like:

*"Come up with and add something unique of your own choice to make the site even better"*

High-quality AI will always understand exactly what you need

STEP 5: Publishing for Free

Once the site is ready, you need to share it

To do this, download the code (you can ask the AI to provide it as a file)

Then, upload/paste it into Replit or v0

These platforms offer a free option to publish your site (usually a Publish button in the top right)

You will get a unique link to your website that you can share with anyone!

If you want a custom domain and hosting, it will cost about $8/year

It’s very affordable, but for learning purposes, free hosting is more than enough.

Done!

STEP 6: Completed promt

Below, I will provide the full prompt that will recreate my resume website exactly as seen on the cover.

You can customize everything to your liking, and in the end, you'll get a truly unique resume that makes you stand out ( don't copy, it's my idea XD )

SO:

It’s time to start building expertise in working with AI

• I believe that those who master AI skills now will make the most money during the bull market

This article is the perfect starting point for vibecoding

*Should I show you some more advanced website options and a guide?*