/ sharepa

React-Artefakt hosten, wenn die Vorschau nur im Chat läuft

Stand:

Ein React-Artefakt ist kein fertiges HTML, sondern Quellcode, den erst jemand übersetzen muss. Deshalb läuft es in der Chat-Vorschau, aber nicht, wenn du die Datei einfach irgendwo ablegst. sharepa übernimmt diesen Schritt auf dem Server: Du fügst den Quellcode ein, wir bauen daraus eine Seite, die in jedem Browser läuft.

Du brauchst dafür nichts zu installieren, kein Node, kein Build-Werkzeug, keinen Befehl im Terminal.

So geht es

  1. Kopier den Quellcode des Artefakts aus dem Chat. Das ist die Datei mit import und export default am Anfang, meist mit der Endung .tsx.
  2. Öffne app.getsharepa.ch/neu und füg ihn ein. sharepa erkennt am Code, dass es React ist, und baut die Seite für die Vorschau.
Eingefügter Code mit Vorschau der gebauten Seite
  1. Warte kurz. Der Bau dauert ein paar Sekunden, danach siehst du die fertige Seite.
  2. Adresse wählen, live schalten. Im Ergebnis steht, welche Bibliotheken eingebaut wurden und wie gross die Seite geworden ist.
Bestätigung mit Link, Grösse und den eingebauten Bibliotheken

Welche Bibliotheken funktionieren

React selbst, dazu Recharts für Diagramme, Lucide-Icons, acht Bausteine von shadcn (Badge, Button, Card, Input, Label, Separator, Tabs, Textarea), Lodash, D3, PapaParse, Math.js und date-fns. Tailwind-Klassen werden mitgebaut, du musst kein Stylesheet mitliefern.

Importierst du etwas anderes, bricht der Bau ab und sagt dir genau, welche Bibliothek fehlt. Dasselbe gilt für ein Lucide-Icon, das es nicht gibt. Du kannst dann im Chat um eine Fassung ohne diese Bibliothek bitten.

Was das kostet

Gratis, wie alles andere auch. Der Bau ist im Veröffentlichen enthalten, es gibt keine getrennte Abrechnung dafür. Der Quellcode darf bis fünf Megabyte gross sein.

Fragen

Wie gross wird die fertige Seite?

Das hängt an den Bibliotheken. Ohne Diagramme landet eine typische Seite bei etwa siebzig Kilobyte. Mit Recharts werden es schnell über zweihundert, weil die Bibliothek viel mitbringt. sharepa zeigt dir die Grösse nach dem Bauen an und warnt, wenn es viel wird.

Was ist mit Daten, die das Artefakt speichert?

Nutzt dein Code window.storage, funktioniert das ausserhalb von Claude nicht, und Besucher können nichts speichern. Dasselbe gilt für window.claude, also Anfragen an das Modell aus der Seite heraus. sharepa warnt dich vor dem Veröffentlichen, wenn es so etwas findet.

Kann ich mehrere Komponenten in getrennten Dateien hochladen?

Nein. Es muss eine Datei sein. Bitte im Chat darum, alles in eine Komponente zu schreiben.

Geht das auch ohne Kopieren?

In Claude ja. Mit dem Connector sagst du im Chat, dass die Seite veröffentlicht werden soll, und bekommst den Link zurück. Für andere Chats gibt es das noch nicht.

Kostenlos ausprobieren