index.html, maybe a few more pages, some images. It works
when you open it locally — now you need to put it in front of a few people for
feedback. Deploying it to Vercel or Netlify works, but it’s overkill: you don’t want
a build pipeline and a project dashboard, you want a link you can text someone.
That’s exactly what Shareable is for.
What “prototype” means here
The kind of thing this guide covers — and what Shareable runs perfectly:- A clickable prototype — screens that link to each other, buttons that change state, a multi-step flow a stakeholder can walk through.
- An app mockup — the UI of an app idea, fully interactive, with no real backend behind it yet.
- An MVP front-end — a real interface that talks to an existing API or form endpoint (a Google Apps Script, an Airtable form, a public API).
Publish it
Drop the folder in
On your pages, drag the whole folder Claude
gave you (or a
.zip of it) into the upload area. The index.html becomes the
landing page; its images, CSS, and JS come along as
bundled assets. No need to inline anything.Name it and create a draft
Give it a title. You get a private draft you can preview and click through before
anyone else sees it.
Choose who can see it
Publish, then in Share pick an access mode — anyone with the link, a password,
specific invited people, or anyone with a verified email. See
Sharing & access.
What works
Shareable serves your files raw, with no sandbox — so the prototype behaves exactly as it does on your machine:- Full interactivity. Inline
<script>, click handlers, page transitions, canvas, Web Components — all of it runs. - Multi-page click-throughs. Relative links between pages
(
href="dashboard.html") resolve within your prototype. - Real assets. Images, stylesheets, fonts, and JSON ship alongside the HTML.
- Calls to an existing backend. A
fetch()to an API you already have, a form that POSTs to a Google Apps Script or Formspree, a public data source — these work, because the call happens from the viewer’s browser, same as anywhere. - Feedback built in. Comments, polls, view analytics, and email-on-view turn a prototype link into a feedback loop — the part a deploy pipeline doesn’t give you.
When you need real app hosting instead
Shareable hosts the front end. The moment your prototype needs a server of its own, it’s graduated into an app, and you want a platform like Vercel or Netlify:| You need… | Use |
|---|---|
| A clickable prototype, mockup, or static MVP front-end | Shareable |
| Server-side code / your own API routes / SSR | Vercel / Netlify |
| A database, or user accounts for your app’s users | Vercel / Netlify + a backend |
| A build step (Next.js build, bundler, env-var secrets) | Vercel / Netlify |
| A custom domain per project, on a deploy pipeline | Vercel / Netlify |
Secrets don’t belong in a prototype. Anything in your HTML or JS — including API
keys — is visible to anyone who can open the page. That’s true on any static host.
For a prototype calling a backend, use a public/read-only endpoint or a key scoped
to do no harm; keep real secrets server-side, which means real app hosting.
Make the link look right
When you paste a prototype link into iMessage or Slack, it shows a preview card. Set the link preview — a title, description, and image — from the Share dialog, or pointog:image at one of your
bundled images. A polished card makes “here’s my prototype” land better.