Du baust mit KI und Vibe-Coding ständig kleine Webseiten, ein Dashboard fürs Team, ein Mini-Tool, einen Prototyp für den Kunden. In zehn Minuten gebaut, und dann liegt das Ding auf deinem Rechner. Zum Teilen brauchst du plötzlich selbst Hosting oder eine Domain. In diesem Snip zeige ich dir Cloudflare Drop: Du ziehst einen Ordner oder eine ZIP-Datei ins Browserfenster und deine Seite ist in Sekunden live. Ohne Account, ohne Setup, ohne Kreditkarte.
Ergebnis: Nach diesem Snip hast du eine statische Seite, HTML, CSS, JS oder Bilder, mit einer echten Live-URL im Netz, die du direkt an Kollegen oder Kunden schicken kannst. Der Link läuft nach 60 Minuten ab, mit einem kostenlosen Cloudflare-Account behältst du ihn dauerhaft.
- Lade dir deine Seite als Datei herunter: bei Claude Artifacts über “Share” die index.html oder das ganze Projekt als ZIP, alternativ frag Claude direkt im Chat nach einer fertigen index.html. Genauso funktioniert es mit Lovable oder anderen Coding-Tools.
- Öffne cloudflare.com/drop im Browser, es öffnet sich ein Fenster mit einer kurzen Animation, die das Prinzip zeigt.
- Zieh deine index.html, einen kompletten Dateiordner oder eine ZIP-Datei direkt in das Fenster, die Datei wird analysiert und hochgeladen.
- Warte kurz, bis Cloudflare die Seite veröffentlicht hat, das geht in der Regel sehr schnell.
- Kopiere den generierten Link und schick ihn an deine Kollegen, die Seite ist voll funktionsfähig, genau wie im Coding-Tool erstellt.
- Optional: Klick innerhalb der 60 Minuten auf “Claim”, melde dich mit einem kostenlosen Cloudflare-Account an und verifiziere deine E-Mail, damit die Seite dauerhaft online bleibt, dann kannst du auch eine eigene Domain verbinden, die Seite privat schalten oder Statistiken einsehen.
- Verstehen, wofür Cloudflare Drop gut ist und wo die Grenzen liegen, nämlich nur statische Seiten ohne Datenbank im Hintergrund.
- Eine HTML-Datei, einen Ordner oder eine ZIP per Drag-and-drop in Sekunden live stellen, ohne Account und ohne Setup.
- Verstehen, was “Claim” bedeutet und wie du eine temporäre Seite mit einem kostenlosen Account dauerhaft behältst.
- Die passenden Dateien aus deinem Coding-Tool wie Claude oder Lovable exportieren.
- Schnelles Teilen von Kundenprototypen zur Feedback-Einholung.
- Live-Vorschau von Webseiten in frühen Entwicklungsstadien für Team-Reviews.
- Präsentation von statischen Landingpages ohne Hosting-Aufwand.
- Sofortiges Bereitstellen von Webseiten-Updates ohne komplexe Deployment-Prozesse.
- Verteilen von Mini-Webtools oder Dashboards an interne Stakeholder ohne IT-Unterstützung.
