How to Use ChatGPT Sites to Build and Host Web Apps Without a Backend
ChatGPT Sites lets you prompt a web app into existence and host it instantly at a clean URL. Learn how to build, publish, and share apps without infrastructure.
What ChatGPT Sites Actually Does
ChatGPT Sites is a feature from OpenAI that lets you describe a web application in plain language and get back a fully functional, hosted app — no server, no deployment pipeline, no infrastructure to manage. The app lives at a public URL, and anyone you share it with can open it immediately in a browser.
The core mechanic is simple: ChatGPT generates HTML, CSS, and JavaScript based on your prompt, then hosts that output on OpenAI’s infrastructure. What you get is a client-side web app — everything runs in the visitor’s browser. There’s no database, no server-side logic, and no backend to configure.
That constraint is also what makes it fast. Most web apps people actually need — calculators, forms, generators, dashboards, interactive tools — don’t require a backend at all. If your app doesn’t need to store data between sessions or talk to a private API, ChatGPT Sites can handle it.
This article walks you through exactly how to use it: what to build, how to prompt effectively, what the real limitations are, and when you might need something more.
Who Can Use ChatGPT Sites
ChatGPT Sites is currently available to ChatGPT Plus, Pro, and Team subscribers. Free users cannot publish apps through this feature, though they can still generate code within a conversation using the Canvas editor.
If you’re on a paid plan, you’ll find the Sites option in the ChatGPT interface when working in Canvas mode. The published app gets hosted at a chatgpt.com subdomain and is accessible to anyone with the link — no account required to view it.
Enterprise users have access too, with additional controls around visibility and sharing within their organization.
What You Can Build Without a Backend
The “no backend” limitation sounds restrictive, but it rules out less than you might think. Here’s a practical breakdown of what works well:
Apps That Work Entirely in the Browser
- Calculators and converters — mortgage calculators, unit converters, ROI estimators, pricing tools
- Interactive forms with instant output — questionnaires that generate a summary, recommendations, or a score on the spot
- Generators — text generators, email templates, prompt libraries, checklists based on user inputs
- Games — word games, quizzes, puzzle tools, simple arcade-style interactions
- Data visualizers — paste in CSV data and generate charts (Chart.js renders entirely client-side)
- Reference tools — lookup tables, comparison grids, decision trees
- Countdown timers and clocks — event countdowns, pomodoro timers, schedulers
- Portfolio and landing pages — lightweight personal sites, product demos, one-pagers
What Doesn’t Work Without a Backend
Some things genuinely require server infrastructure:
- Storing user accounts or persistent data across sessions
- Sending emails or SMS programmatically
- Accessing private APIs that require server-side auth keys
- Writing to a database
- Processing payments
If your app needs any of these, you’re looking at a different toolset — more on that later.
How to Build Your First App with ChatGPT Sites
Here’s a step-by-step walkthrough from prompt to published URL.
Step 1: Open Canvas Mode in ChatGPT
Log in to ChatGPT with a Plus, Pro, or Team account. Start a new conversation and switch to Canvas mode. You’ll see this toggle near the input area. Canvas mode is where ChatGPT renders and edits code live — it’s the foundation for Sites.
Step 2: Describe Your App
Write a clear prompt describing what you want. The more specific you are, the better the first output will be. Vague prompts produce generic results.
Weak prompt:
Make me a web app.
Better prompt:
Build a single-page web app that lets a user input their monthly income, fixed expenses, and variable expenses, then displays a breakdown of their budget as a pie chart using Chart.js. Include a “save summary” button that copies the result as text to the clipboard. Use a clean, minimal design with a white background and blue accents.
You don’t need to specify technical details like which libraries to use unless you have a preference. ChatGPT will make reasonable choices. But being specific about features, layout, and behavior gets you much closer to the result you want on the first pass.
Step 3: Review and Iterate
ChatGPT will generate the app and render it in the Canvas panel. Click through it, test the interactions, and identify what needs adjusting.
Common refinements to ask for:
- “Make the font larger and add more spacing between sections”
- “Add a reset button that clears all inputs”
- “Change the color scheme to match #2D6A4F green tones”
- “Add form validation so users can’t submit without filling in all fields”
Remy doesn't build the plumbing. It inherits it.
Other agents wire up auth, databases, models, and integrations from scratch every time you ask them to build something.
Remy ships with all of it from MindStudio — so every cycle goes into the app you actually want.
Iteration is fast. Each round of changes takes seconds, not minutes. Don’t try to get everything right in the first prompt — use the conversation to refine.
Step 4: Publish to a URL
Once you’re happy with the result, click the Share or Publish button in the Canvas interface. ChatGPT will generate a public URL where your app is hosted.
That URL is shareable immediately. No domain purchase, no DNS configuration, no deployment step. The app is live.
Step 5: Share and Update
You can share the URL with anyone. Visitors don’t need a ChatGPT account to use the app.
If you want to make changes later, go back to the conversation where you built it, make your edits in Canvas, and re-publish. The URL updates to reflect the new version.
Writing Prompts That Actually Work
The quality of what ChatGPT Sites produces is directly tied to how clearly you describe what you want. Here are practical principles for writing effective build prompts.
Lead with the Purpose
Start by saying what the app is for, not just what it is. “A tool that helps freelancers calculate their effective hourly rate” gives more context than “a calculator app.”
Specify Inputs and Outputs
List what information the user provides and what they get back. If there’s a calculation involved, describe the logic or give an example.
The user enters: hourly rate, hours worked per week, weeks per year, and tax rate. The app should output: gross annual income, net annual income after tax, and monthly take-home.
Describe the Layout Briefly
You don’t need to write a full design spec, but a few words about structure help:
- “One column, centered on the page”
- “Two-panel layout — inputs on the left, results on the right”
- “Card-based with collapsible sections”
Name Any Libraries You Want
ChatGPT knows popular JavaScript libraries well. If you want Chart.js for charts, Marked.js for Markdown rendering, or Tailwind CSS for styling, just ask for it.
Common Mistakes to Avoid
- Asking for backend features — If you ask for user login, ChatGPT might generate a form that looks like it works but doesn’t actually persist data. Be clear about what your app will and won’t do.
- Over-specifying too early — Let the first pass generate something, then refine. Trying to specify everything upfront often produces a confused output.
- Forgetting mobile — Add “make it mobile-responsive” to your initial prompt if that matters. ChatGPT doesn’t always assume it.
Real-World Use Cases
Here are some concrete examples of apps people are building with ChatGPT Sites:
Freelancers and consultants:
- Proposal generators that take client inputs and format a scoped project description
- Invoice estimate tools with itemized breakdowns
- Onboarding checklists for new clients
Marketers:
- UTM link builders
- Email subject line testers with character count and preview
- Ad copy generators based on product inputs
Educators:
- Quiz tools with multiple-choice questions and instant grading
- Flashcard apps with flip animations
- Progress trackers for students
Small business owners:
- Tip calculators and split-the-bill tools
- Product comparison grids
- Simple booking intake forms (output stored temporarily in browser session)
Developers prototyping:
- UI mockups to share with stakeholders
- Quick demos of concepts before writing production code
- Internal calculators and reference tools for teams
One coffee. One working app.
You bring the idea. Remy manages the project.
The Real Limitations You’ll Run Into
ChatGPT Sites is powerful for what it is, but it’s worth being honest about where it falls short.
No Persistent Data Storage
Every time a user closes the browser tab, their session data is gone. You can work around this with localStorage (which saves data in the user’s browser), but that data doesn’t sync across devices and isn’t accessible to you.
If you need actual data storage — a database, a spreadsheet, a file — ChatGPT Sites isn’t the right tool without pairing it with an external service.
No Server-Side Logic
You can’t hide API keys in a ChatGPT Sites app. Any API call made from client-side JavaScript exposes the key to anyone who inspects the source. For apps that need to call third-party services securely, you’d need a backend proxy.
Limited App Complexity
For apps with many interconnected states, complex routing, or heavy data processing, client-side JavaScript has limits. Very large or complex apps may hit performance issues or become difficult to maintain through chat-based editing.
No Custom Domains
Your app lives at a chatgpt.com URL. You can’t point your own domain at it. If branding matters, this is a real constraint.
Apps Can Be Deleted
Published apps depend on your OpenAI account. If you lose access or OpenAI changes the feature, your app could go offline. For anything important, download the source code and keep a copy.
When You Need More Than ChatGPT Sites Can Offer
ChatGPT Sites covers a lot of ground, but there’s a natural ceiling. When you hit it, the question is: what’s next?
If you need real backend functionality — data persistence, API integrations, email sending, scheduled tasks, or multi-step workflows — you’re looking at a platform built for that.
Where MindStudio Fits
MindStudio is a no-code platform for building AI-powered applications and automated workflows. It goes where ChatGPT Sites stops.
The key difference: MindStudio apps have actual backend logic. You can connect to 1,000+ tools and services — HubSpot, Google Sheets, Airtable, Slack, Notion — without writing code. Your app can send emails, store form submissions, trigger workflows based on user inputs, or pull live data from external sources.
You can also build custom AI agents that reason across multiple steps, not just generate a one-shot output. And you can choose from 200+ AI models — GPT-4o, Claude, Gemini, and others — without managing separate accounts or API keys.
Where this becomes relevant for ChatGPT Sites builders: if you’ve used Sites to quickly prototype something and proven the concept, MindStudio is where you go to make it production-ready. You get a proper backend, real integrations, and the ability to deploy it as a web app with a custom interface.
For example, a lead capture form built with ChatGPT Sites has no place to send the data. The same form built in MindStudio can write submissions directly to a Google Sheet, send a Slack notification, trigger a follow-up email, and log the contact in your CRM — automatically.
You can try MindStudio free at mindstudio.ai.
Comparing ChatGPT Sites to Similar Tools
ChatGPT Sites isn’t the only way to get a generated web app live quickly. Here’s how it compares to the closest alternatives.
ChatGPT Sites vs. Claude Artifacts
Claude (Anthropic) has a similar feature called Artifacts, which generates and renders HTML/JS/CSS in a side panel. The key difference: Claude Artifacts doesn’t have a built-in publish-to-URL feature in the same way. You’d need to copy the code and host it elsewhere. ChatGPT Sites includes hosting as part of the workflow.
Claude is arguably stronger at complex code generation, but the “prompt to live URL” experience is smoother with ChatGPT Sites.
ChatGPT Sites vs. Vercel v0
Vercel v0 is purpose-built for generating React UI components and full-page layouts. It integrates directly with Vercel’s deployment pipeline, so you can push to production with a real domain. It’s more powerful for technical users building production apps, but it assumes more coding knowledge and requires more setup.
ChatGPT Sites vs. Bolt.new / Lovable
Tools like Bolt.new and Lovable generate full-stack applications with frameworks like React and support for databases and authentication. They’re more capable, but also more complex — you’re dealing with a real project structure, not a single file. For quick, shareable tools, ChatGPT Sites is faster.
ChatGPT Sites vs. MindStudio
As covered above, MindStudio is for apps that need backend logic, integrations, and AI reasoning across multiple steps. ChatGPT Sites is for fast, client-side tools. They solve different problems — one doesn’t replace the other.
Tips for Getting the Most Out of ChatGPT Sites
A few practical things that improve results:
Ask for comments in the code. If you might need to hand this off to a developer or debug it yourself, ask ChatGPT to add inline comments explaining what each section does.
Request a specific color palette or design system. “Use a monochromatic blue palette” or “follow a minimal, Notion-inspired design” gives the model a clear aesthetic target.
Test edge cases out loud. If you’re building a calculator, ask: “What happens if the user enters a negative number or leaves a field blank?” Then ask ChatGPT to handle those cases gracefully.
Download the source code. Before publishing, copy the generated HTML file locally. It’s a single file, so this is straightforward. Keep a backup.
Use localStorage for light persistence. If you want users’ inputs to survive a page refresh, ask ChatGPT to use localStorage to save and reload their data. It won’t sync across devices, but it’s better than nothing for single-user tools.
Ask for a print stylesheet. If your app produces output people might want to print (a report, a summary, a checklist), ask for print-specific CSS so it renders cleanly on paper.
Frequently Asked Questions
Is ChatGPT Sites free to use?
No. Publishing apps with ChatGPT Sites requires a paid ChatGPT subscription — Plus, Pro, or Team. Free users can generate code in conversations but can’t publish it to a hosted URL through this feature.
Can I use a custom domain with ChatGPT Sites?
Remy doesn't write the code. It manages the agents who do.
Remy runs the project. The specialists do the work. You work with the PM, not the implementers.
Not currently. Published apps are hosted at chatgpt.com URLs. If you need a custom domain, you’d need to download the HTML/JS/CSS source code and host it elsewhere — on GitHub Pages, Netlify, Vercel, or your own server.
Do visitors need a ChatGPT account to use my app?
No. Anyone with the link can open and use the app. No login required for visitors.
Can ChatGPT Sites apps connect to external APIs?
Yes, but with an important caveat. You can call public APIs from client-side JavaScript — things like weather APIs, public data endpoints, or open APIs that don’t require authentication. But any API call is visible in the browser, which means you cannot safely include private API keys. For private API access, you’d need a server-side backend.
How do I update an app after publishing?
Go back to the Canvas conversation where you built the app. Make changes, then re-publish. The existing URL will reflect the updated version.
What happens to my app if I cancel my ChatGPT subscription?
This is currently unclear in OpenAI’s public documentation, and it’s a real risk. If you’re building anything you depend on, download the source code and keep it backed up. Don’t treat a ChatGPT Sites URL as permanent infrastructure.
Key Takeaways
- ChatGPT Sites lets you prompt a web app into existence and publish it to a shareable URL — no backend, no deployment, no infrastructure required.
- It works best for client-side tools: calculators, generators, dashboards, interactive forms, games, and reference apps.
- Clear, specific prompts produce much better results. Describe the purpose, inputs, outputs, and layout.
- Real limitations include no persistent data storage, no secure API calls, and no custom domains.
- When you need backend logic, integrations, or AI-powered workflows, MindStudio picks up where ChatGPT Sites leaves off — letting you build fully connected apps with 1,000+ integrations, 200+ AI models, and no code required.
- For anything production-critical, download your source code and keep a backup regardless of where it’s hosted.
If you’ve been sitting on an idea for a simple tool — something that would genuinely help your team, your clients, or your own workflow — ChatGPT Sites is the fastest path from concept to something people can actually click on. Start there. You can always build on top of it later.
