/ sharepa

Host a React artifact when the preview only runs in the chat

Updated:

A React artifact is not finished HTML but source code that somebody has to translate first. That is why it runs in the chat preview, but not when you simply put the file somewhere. sharepa takes over that step on the server: you paste the source code, we build a page from it that runs in any browser.

You do not have to install anything for this, no Node, no build tool, no command in a terminal.

How it works

  1. Copy the source code of the artifact out of the chat. That is the file with import and export default at the top, usually ending in .tsx.
  2. Open app.getsharepa.ch/neu and paste it. sharepa recognises from the code that this is React and builds the page for the preview.
Pasted code with a preview of the built page
  1. Wait a moment. The build takes a few seconds, then you see the finished page.
  2. Pick an address, publish. The result tells you which libraries were built in and how large the page turned out.
Confirmation with the link, the size and the libraries built in

Which libraries work

React itself, plus Recharts for charts, Lucide icons, eight shadcn parts (Badge, Button, Card, Input, Label, Separator, Tabs, Textarea), Lodash, D3, PapaParse, Math.js and date-fns. Tailwind classes are built in, you do not have to supply a stylesheet.

If you import anything else, the build stops and tells you exactly which library is missing. The same goes for a Lucide icon that does not exist. You can then ask in the chat for a version without that library.

What it costs

Free, like everything else. The build is part of publishing, there is no separate charge for it. The source code may be up to five megabytes.

Questions

How large does the finished page get?

That depends on the libraries. Without charts a typical page lands at around seventy kilobytes. With Recharts it quickly goes past two hundred, because the library brings a lot along. sharepa shows you the size after the build and warns you when it gets large.

What about data the artifact stores?

If your code uses window.storage, that does not work outside Claude, and visitors cannot store anything. The same goes for window.claude, that is requests to the model from inside the page. sharepa warns you before publishing if it finds anything like that.

Can I upload several components in separate files?

No. It has to be one file. Ask in the chat for everything to be written into one component.

Does this work without copying?

In Claude, yes. With the connector you say in the chat that the page should be published, and you get the link back. For other chats there is nothing like it yet.

Try it for free