How to Put an AI-Generated React App Online for Free

You asked Claude or ChatGPT to build you something — a dashboard, a budgeting tool, a quiz, a kanban board — and it worked. The preview is right there. It looks exactly like what you had in mind.

Now you want to put it online so someone else can actually use it.

If you’ve ever tried to do this yourself, you’ve probably hit the same wall. Vercel tells you to install Node.js. Netlify asks for a GitHub account. Every guide assumes you know what a “build step” is. None of this makes sense if you just want to go from “AI made me something” to “here’s a link.”

There’s a reason for all that friction — and there’s now a way around it.

Why React apps are harder to share than they look

Most interactive apps that Claude and ChatGPT build use React. You might not have asked for React. You might not even know what React is. But if your app has components that update dynamically — a counter that ticks, a list you can add items to, a chart that redraws — React is almost certainly what’s running underneath.

React is not HTML. You cannot save it as an .html file, double-click it, and have it work. React code is written in JSX — a special syntax that needs to be compiled into JavaScript before a browser can run it. That compilation step is what all those guides are trying to walk you through.

To do this manually, you would need to:

1. Install Node.js on your computer
2. Create a Vite or Create React App project
3. Copy your AI’s code into the right files
4. Run npm install to download dependencies
5. Run npm run build to compile everything
6. Upload the compiled output to Vercel, Netlify, or GitHub Pages (which requires its own setup)

That’s six steps before anyone can see your app. And each of those steps has sub-steps, decisions, and things that can go wrong.

Deplixo handles all of that automatically. You do not need to know what JSX is. You do not need Node.js. You do not need to run anything.

The fast path: add Deplixo to your AI

The fastest way to get a React app online is to never leave your AI conversation in the first place.

Connect Deplixo to Claude or ChatGPT once. After that, every time you build something, just say “put this online” — and the AI publishes it for you. No copying, no pasting, no switching tabs. You get a live URL back in the same conversation where you built the app.

Add Deplixo to Claude

Go to claude.ai/settings/connectors, click Browse Connectors, search for Deplixo, and click +. That’s the full setup.

Once it’s connected, you can say things like:

You: Build me a React kanban board with three columns — To Do, In Progress, Done. Cards should be draggable between columns. Put it online.

Claude writes the app and publishes it. You get a live URL. The React compilation, dependency management, and everything else happens automatically on Deplixo’s end. You never see it.

For a full walkthrough with screenshots, see the setup guide for Claude.

Add Deplixo to ChatGPT

ChatGPT’s path requires one extra step because you need to enable developer mode first. Go to Settings → Personalization → Advanced features, enable developer mode, then go to Settings → Connected apps and add Deplixo.

The full step-by-step is in the setup guide for ChatGPT.

Once it’s connected, ChatGPT works the same way. Describe what you want, ask it to publish, and you get a URL back.

What Deplixo actually does with your React code

When your AI sends code to Deplixo, here’s what happens under the hood — briefly, because you shouldn’t need to think about any of it:

Deplixo wraps your React components in a minimal runtime that handles JSX compilation in the browser. Your code runs without a build step because Deplixo’s runtime handles the transformation at load time. Dependencies like React itself are loaded from a fast CDN. The whole thing is live in a couple of seconds.

The result is a URL that works in any browser, on any device, for anyone you send it to. No account needed on their end. No app to install.

Updating your app without starting over

Stay in the same conversation and ask for changes:

You: Add a due date field to each card. And make overdue cards highlight in red.

Claude updates the code and republishes to the same URL. Whoever has the link sees the new version automatically. You do not manage versions, you do not redeploy, you do not copy and paste anything. You just describe what you want to change.

This is the part that makes the AI-connected approach different from every other workflow. You are not using an AI to generate code and then managing that code yourself. The AI is managing the whole thing — writing, publishing, updating — while you describe what you want.

Compare this to the manual path

If you wanted to put a React app online yourself, here is an honest comparison of what that looks like versus using Deplixo:

	Manual (Vercel + Git)	Deplixo
Node.js required	Yes	No
GitHub account required	Yes	No
npm install required	Yes	No
Build step required	Yes	No
Terminal required	Yes	No
Time to first URL	20–45 minutes	Under 1 minute
Account required to view	No	No

Vercel is an excellent platform for developers who already have a Node.js workflow, a GitHub account, and know what npm run build does. It is genuinely not built for people who got a working React app from an AI and just want to share it.

Deplixo is built for exactly that situation.

Your app saves data, too

One more thing worth knowing: most AI-generated apps lose all their data when you refresh the page. You fill in your kanban cards, reload, and they’re gone.

Apps on Deplixo don’t have that problem. Every app automatically has access to a built-in storage layer. Just tell your AI “make sure the data persists between sessions” and it handles the wiring. Your cards save. Your list items save. Your settings save. No database setup required.

This is not something you configure. It’s just there.

The paste option (if you prefer)

If you would rather not connect an AI client, you can go directly to deplixo.com/launch, paste your React code, and publish it from there. Deplixo handles the React runtime the same way — paste your code, click publish, get a URL.

The paste site is a good fallback if you want to try the platform before committing to the connector setup, or if you’re working with code from a source other than Claude or ChatGPT. But once you’ve tried asking your AI to publish directly, you probably won’t go back to copying and pasting.

What happens to your app

Apps published without an account stay live for 14 days. That is plenty of time for sharing a prototype, gathering feedback, or demoing something to a client.

If you want to keep the app running longer, click the claim link that comes back with your URL to add it to your Deplixo dashboard. The free tier gives you 30 days. The Personal plan ($3/month) gives you a clean URL like deplixo.com/yourname/your-app instead of the random characters.

You don’t need any of that to get started. Just connect your AI and ask it to build something.

Go try it

You’ve got an AI. It can build you a working React app in under a minute. Deplixo can put that app online in under 10 seconds.

Add Deplixo to Claude or ChatGPT, describe what you want to build, and ask it to put it online. You’ll have a live URL before you’d have finished reading the Vercel setup guide.

If you want more ideas for what to build, 10 Useful Apps You Can Build with AI in 5 Minutes is a good place to start. And if you want to understand the bigger picture of why sharing AI-built software is still so hard, The Fastest Way to Share Something You Built with AI covers it well.

Your AI builds it. Deplixo puts it online. That is the whole thing.