Claude Landingpage oder App kostenlos auf Cloudflare veröffentlichen

Worum es geht

In dieser Anleitung geht es darum, wie du mit Claude erstellte Landingpages oder Apps kostenlos über Cloudflare veröffentlichen kannst. Cloudflare stellt dafür eine kostenlose Möglichkeit bereit, Projekte mit einer Cloudflare-Domain ins Internet zu bringen. Zusätzlich kann das Projekt auch mit einer eigenen Domain genutzt werden, zum Beispiel über Ionos oder einen anderen Domain-Anbieter.

Damit spätere Aktualisierungen und verschiedene Versionen einfacher bleiben, wird in diesem Beispiel GitHub zwischengeschaltet. Dort können Projekte kostenlos gespeichert werden, bevor Cloudflare sie veröffentlicht. Wenn dein Domain-Anbieter einen MCP-Server unterstützt, kann Claude viele Schritte direkt übernehmen. Falls nicht, kannst du dir von der KI erklären lassen, wie Cloudflare mit deiner Domain verknüpft wird.

Was gezeigt wird

Das Skript zeigt den grundlegenden Ablauf: Eine in Claude erstellte Landingpage oder App wird in GitHub gespeichert, von dort an Cloudflare übermittelt und anschließend mit einer Domain verbunden. Voraussetzung ist, dass Konten bei GitHub und Cloudflare angelegt und die MCP-Server verbunden sind. Danach reicht ein passender Prompt, den du in Claude eingibst und bestätigst.

• Projekt in Claude erstellen lassen
• Projekt über GitHub speichern
• Cloudflare zur Veröffentlichung nutzen
• Eigene Domain über einen Anbieter wie Ionos verknüpfen
• Mit MCP-Servern möglichst viele Schritte automatisieren lassen

Für wen geeignet

Die Anleitung richtet sich an Einsteiger und alle, die eigene Landingpages oder Apps ohne viel manuelle Einrichtung online stellen möchten. Besonders hilfreich ist sie für Nutzer, die Claude bereits verwenden und ihre Projekte direkt im Internet erreichbar machen wollen. Auch wer mit GitHub, Cloudflare und einer eigenen Domain arbeiten möchte, bekommt hier einen klaren Überblick über den Ablauf.

Prompt:

Prompt – In Claude Code einfügen
Führe für mich die folgende Bereitstellung einer Landingpage durch. Nutze dafür die entsprechenden MCP-Server-Schnittstellen zu den jeweiligen Diensten:

1. IONOS (DNS-Verwaltung):
- Erstelle für die Domain "Deine Domain" die Subdomain: "landingpage.Deine Domain".

2. GitHub (Versionsverwaltung):
- Erstelle ein neues, privates Repository mit dem Namen "landingpage-deine-domain.de".
- Lade die lokalen Landingpage-Dateien (inkl. index.html) in dieses Repository hoch und führe einen Commit/Push auf den Main-Branch durch.

3. Cloudflare Pages (Hosting & Deployment):
- Erstelle ein neues Cloudflare Pages-Projekt.
- Verknüpfe das Projekt mit dem soeben erstellten GitHub-Repository "landingpage-deinedomain.de", um das automatische Deployment zu aktivieren (Framework: Static HTML/None).

4. Domain-Verknüpfung (DNS & Routing):
- Füge in Cloudflare Pages die Custom Domain "landingpage.deinedomain.de" hinzu.
- Setze bei IONOS den erforderlichen CNAME-Eintrag für die Subdomain "landingpage", der auf die Cloudflare-Pages-Adresse (.pages.dev) verweist, damit die Seite sicher (mit SSL) unter der IONOS-Subdomain erreichbar ist.

Gib mir nach jedem erfolgreichen Schritt eine kurze Statusmeldung.