Womit arbeitest du?
KI Build Workshop · Für Fortgeschrittene

Selbst deployen mit Cloudflare

THE COI

Diese Seite ist für alle, die das Veröffentlichen selbst in der Hand haben wollen, ohne dass Claude es für sie macht. Es gibt zwei Wege zum selben Ziel: den visuellen im Dashboard, ganz ohne Terminal, und den schnellen mit dem Wrangler Befehl. Beide zeigen dir dasselbe: neue Seite live bringen, Updates nachschieben, eigene Domain verbinden. Nimm den, der dir liegt.

Was du brauchst: ein kostenloses Cloudflare Konto (dash.cloudflare.com) und dein fertiges Tool als Ordner mit einer index.html darin. Für Weg B zusätzlich Node (nodejs.org, der Knopf mit LTS).
Weg A · Im Dashboard, ganz ohne Terminal

Alles klickbar im Browser. Am zugänglichsten, Updates lädst du jedes Mal neu hoch.

Vorweg: Worker oder Pages? Beim Anlegen bietet Cloudflare dir zuerst einen Worker an, das ist der neue Standard. Für ein einfaches Tool ist das Ergebnis fast gleich: beide legen deine Seite weltweit ab, gratis, mit sicherem Schloss (HTTPS). Ein Worker landet unter name.workers.dev und kann später auch Code ausführen. Pages ist der Weg für Websites, landet unter name.pages.dev, bindet eigene Domains am einfachsten an und ist derselbe Typ, den der GitHub Weg und Claude nutzen. Empfehlung für dein Tool: Pages. Darum nimmst du gleich den kleinen Pages Link.
1

Einloggen und zu Workers & Pages

Öffne dash.cloudflare.com und logg dich ein. In der linken Leiste unter Build das Feld Compute aufklappen, dann Workers & Pages (Arbeiter und Seiten) anklicken.

Cloudflare baut die Navigation gern um. Wenn du den Punkt nicht siehst, tipp oben in die Suche Workers & Pages.

2

Neues Projekt starten und auf Pages umstellen

Klick auf Create (erstellen). Cloudflare zeigt zuerst die Worker Seite mit Upload your static files (statische Dateien hochladen). Für den Pages Weg geh ein Stück runter bis zu der Zeile Looking to deploy Pages? und klick daneben auf Get started (loslegen).

Willst du bewusst den Worker Weg, klick stattdessen oben Upload your static files. Der Rest läuft fast gleich, nur die Adresse endet dann auf workers.dev statt pages.dev.

3

Projekt benennen, Ordner hochladen, live gehen

Gib deinem Projekt einen Namen, er wird deine Adresse: dein-name.pages.dev. Ist der Name schon vergeben, hängt Cloudflare automatisch ein kurzes Kürzel an. Dann zieh deinen Projektordner per Drag and Drop in das Feld Upload your project assets (Projektdateien hochladen). Achte darauf, dass die index.html direkt im Ordner liegt.

Steht oben All files were successfully uploaded (alle Dateien hochgeladen), klick Deploy site (Seite veröffentlichen). Nach wenigen Sekunden ist deine Adresse live, du kannst sie sofort im Browser öffnen.

4

Ein Update nachschieben

Du hast etwas geändert und willst die neue Fassung online bringen. Geh über Workers & Pages in dein Projekt, Reiter Deployments (Bereitstellungen), und klick oben rechts auf Create deployment (Bereitstellung erstellen). Wähl als Umgebung Production (Produktion), zieh deinen geänderten Ordner ins Upload Feld und klick Save and deploy (speichern und veröffentlichen). Gleiche Adresse, neuer Inhalt. Jede alte Fassung bleibt als Version erhalten, du kannst jederzeit zurück.

5

Eigene Domain oder Subdomain verbinden

Statt dein-name.pages.dev willst du deine eigene Adresse. Beides geht: eine Subdomain wie tool.deine-domain.de oder die nackte Domain wie deine-domain.de. Geh in dein Projekt, Reiter Custom domains (eigene Domains), dann Set up a custom domain (eigene Domain einrichten). Tipp bei Enter domain (Domain eingeben) deine Wunschadresse ein (zum Beispiel deine-domain.de oder tool.deine-domain.de) und klick Continue (weiter).

Im Schritt Configure DNS (DNS einrichten) gilt: Liegt deine Domain schon bei Cloudflare, genügt ein Klick, den Rest macht Cloudflare selbst. Liegt sie bei einem anderen Anbieter, zeigt dir Cloudflare einen CNAME Eintrag, den du dort einmal einträgst. Nach ein paar Minuten ist deine Domain aktiv, das sichere Schloss (HTTPS) kommt automatisch dazu.

Weg B · Mit Wrangler im Terminal

Ein Befehl deployt, derselbe Befehl schiebt Updates nach. Schnell und wiederholbar.

1

Terminal öffnen und in den Ordner wechseln

Mac: cmd und Leertaste, Terminal tippen, Enter.Windows: Startmenü, PowerShell tippen, Enter. Dann in deinen Projektordner wechseln: cd tippen, ein Leerzeichen, den Ordner mit der Maus ins Fenster ziehen, Enter.

In den Projektordner wechselncd
2

Erster Deploy

Ein Befehl, ersetz dein-name durch deinen Wunsch Projektnamen. Beim allerersten Mal öffnet sich der Browser für den Login, klick Authorize (Autorisieren). Node lädt Wrangler beim ersten Aufruf kurz nach, das ist normal.

Veröffentlichennpx wrangler pages deploy . --project-name dein-name

Am Ende nennt dir Wrangler deine Adresse dein-name.pages.dev.

3

Updates nachschieben

Datei ändern, speichern, denselben Befehl noch einmal. Gleiche Adresse, neue Version, kein zweiter Login nötig.

Neue Version veröffentlichennpx wrangler pages deploy . --project-name dein-name
4

Eigene Domain verbinden

Die Domain hängst du am klarsten im Dashboard an, genau wie in Weg A, Schritt 5: dein Projekt, Custom domains (eigene Domains), Set up a domain, Adresse eintragen. Der Wrangler Deploy und die Domain im Dashboard vertragen sich problemlos, es bleibt dasselbe Projekt.

Welcher Weg wofür: Wenn du nur ab und zu etwas hochlädst, ist das Dashboard entspannt. Wenn du oft und schnell Updates schieben willst, gewöhnst du dir den einen Wrangler Befehl an, dann bist du in Sekunden live. Beide nutzen dasselbe Cloudflare Projekt, du kannst jederzeit wechseln.
Der einfache Weg für den Workshop bleibt: sag es Claude, es macht den Deploy für dich.
← Zurück zur Landkarte