How to Publish Your AI-Built Website or App with VibeHost

Section 1: Building and publishing are two different things

AI tools like ChatGPT, Claude and Gemini can build you a website or app. But what you see in the chat, or on your own computer, is a preview. Nobody else can open it.

Deploying just means putting your website online so other people can open it.

VibeHost does that part. It takes what your AI built and gives it a web address you can share.

What it can host:

• Websites and simple apps (HTML, CSS and JavaScript)
• Next.js apps, including ones with server features
• Things you built in ChatGPT Canvas, Claude Artifacts, Gemini Canvas, Google AI Studio and v0

One thing to know up front: every new app on VibeHost is private by default. Only you can see it until you choose to share it. Section 6 shows you how.

Section 2: Where are you starting from?

1. 1I haven’t built anything yet.Use our copy-and-paste prompt.→
2. 2I built it in ChatGPT, Claude or Gemini (in the chat).Use the Chrome extension. No terminal needed.→
3. 3I built it with Claude Code, Cursor or another coding agent.Let your agent deploy it.→
4. 4I have the website files on my computer.Deploy the folder with one command.→

Section 3: No website yet? Build one in 2 minutes

Copy this prompt into Claude, ChatGPT or Gemini. It builds a simple landing page for a made-up app, which is perfect for a first deploy because there’s no database, payments or logins to worry about.

Create a modern, mobile-friendly landing page for a made-up productivity app called FocusFlow.

Include:
- a strong headline and one-line explanation
- three benefit cards
- a simple "how it works" section with 3 steps
- a clear call-to-action button

Use clean typography, generous spacing and a professional design.

Build it as a single, self-contained HTML file with the CSS and JavaScript included. No backend, no API keys and no external build tools.

Where to paste it:

• Claude: paste it into a normal chat. The page appears as an Artifact on the right.
• ChatGPT: ask it to “open this in Canvas” so you can see the page.
• Gemini: use Canvas in the Gemini app.

Want it to look like your business? Swap “a made-up productivity app called FocusFlow” for your business name and what you do.

Next: create your VibeHost account, then use the Chrome extension (Method 1) to publish it.

Section 4: Create your free account

1. Go to VibeHost using the button below.
2. Sign up. You can use your Google account.
3. You’ll land in your workspace. That’s where all your apps live. Anyone you invite to the workspace can see the apps you share with it.
4. You start on the Free plan. You don’t need to pay to follow this guide.

Section 5: Get it online

Pick the method that matches how you built it. They all end in the same place: a live link.

Section 6: Why can’t anyone else see it? (Private by default)

Every new app on VibeHost starts private. Having a link doesn’t mean other people can open it. That’s a good thing, because nothing goes public by accident.

The three visibility levels:

How to change it:

• In the VibeHost dashboard: open your app and change its visibility.
• In the terminal:

  vibehost app visibility my-first-site public

  Copy

Want to share with one person, not the world?

• Invite them by email:

  vibehost app grants add-email friend@example.com viewer --app my-first-site

  Copy

• Or create a share link that expires:

  vibehost app share-link create --app my-first-site --expires-in 7d

  Copy

Password protection is available on the Business plan. A password applies to everyone, even people with a share link.

Test it like a stranger would: open your link in an incognito or private browser window. If it works there, it works for everyone you’ve shared it with.

Good to know: public apps on vibehost.space addresses tell search engines not to index them. That’s fine for sharing a link, but if you want people to find your site on Google, use a custom domain (Business plan) and check VibeHost’s custom domains guide.

Section 7: Updating your site (and undoing a bad update)

• To update: make your changes, then deploy again (click Deploy in the extension, ask your agent, or run vibehost deploy). Your link switches to the new version within seconds.
• To undo: VibeHost keeps your previous versions. Roll back to the last one with:

  vibehost rollback --app my-first-site

  Copy

Section 8: Which plan do you need?

Start on Free. You don’t need Business to test whether VibeHost works for your project.

Prices are in US dollars and set by VibeHost, as listed on 18 October 2026. Business is a flat price per workspace, with no per-seat fees. Next.js apps are metered separately. Check vibehost.com/pricing for current details.

Section 9: Something’s not working?

Official help: docs.vibehost.com

Section 10: What to build next

Each card has a short prompt to copy.

Build a single-page portfolio for [your name], a [your job]. Include a short intro, 3 project cards with a sentence each, and a contact section. One self-contained HTML file, mobile-friendly, clean modern design.

Build a simple ROI calculator for [your type of business]. Users enter [inputs], and it shows [result] instantly. One self-contained HTML file with the CSS and JavaScript included, mobile-friendly, no backend.

Build a landing page for [your product or service]. Include a headline, the problem it solves, 3 benefits, a short FAQ and a call-to-action button that links to [your booking or contact link]. One self-contained HTML file, mobile-friendly.

FAQs