Mit einem Klick in Produktion: Wie Coderblock Apps auf Fly.io bereitstellt

Eine App in Produktion zu bringen, sollte nicht voraussetzen, dass du zum Deployment-Experten wirst. Wenn du ein Produkt von Grund auf entwickelst, ist die Arbeit schließlich nicht erledigt, sobald die Benutzeroberfläche steht. Datenbanken müssen angebunden, Authentifizierung eingerichtet, Secrets geschützt, Zahlungen integriert, Server verwaltet und Domains konfiguriert werden.

Coderblock verlagert einen Großteil dieser Komplexität in den Hintergrund. Du beginnst mit einer Idee, entwickelst die App im Dialog, testest sie in einer Live-Entwicklungsumgebung und veröffentlichst sie mit einem Klick, sobald sie bereit ist.

Du musst das Projekt nicht in ein anderes Format umwandeln, um es online zu stellen. Du musst keine separate Deployment-Pipeline erstellen. Und du musst nicht zwischen verschiedenen Infrastrukturen wechseln, um das soeben entwickelte Produkt in Produktion zu bringen. Das Projekt, das du entwickelt hast, ist bereits das Projekt, das du veröffentlichen kannst.

Von einem Prompt zur Live-App

Ein Coderblock-Projekt kann mit einer einfachen Beschreibung in natürlicher Sprache oder mit einer der verfügbaren Produktvorlagen beginnen. Du kannst einen Onlineshop, eine Buchungsplattform, ein internes Dashboard, eine Wellness-App oder sogar ein interaktives Erlebnis mit Three.js als Ausgangspunkt wählen.

Die AI verwandelt deine Anfrage in eine echte Fullstack-Anwendung.

Bei Standard-Web-Apps wird das Frontend mit React, Vite, TypeScript und Tailwind CSS erstellt und mit einem eigenen Supabase-Projekt verbunden, das Postgres, Supabase Auth, Storage, Row Level Security und Deno Edge Functions umfasst.

Enterprise-Web-Platform-Projekte verwenden stattdessen ein Python- und FastAPI-basiertes Backend mit Neon Postgres. In beiden Fällen erhältst du kein Mockup, das du nur betrachten kannst, sondern eine App, die du verwenden und weiterentwickeln kannst.

Jedes Projekt verfügt unter <app>.coderblock.dev über eine Live-Entwicklungsumgebung. Wenn du im Chat eine Änderung anforderst, wird die Vorschau dank Hot Reload innerhalb weniger Sekunden aktualisiert.

So kannst du ganz natürlich Anweisungen geben wie:

• „Fixiere die Navigationsleiste.“
• „Füge eine Buchungstabelle und eine Admin-Ansicht hinzu.“
• „Benutzer müssen sich anmelden, bevor sie das Dashboard öffnen können.“
• „Ermögliche Kunden, monatlich 9,99 € zu bezahlen.“

Der Agent setzt deine Anfrage um, und du kannst das Ergebnis sofort in der Vorschau überprüfen.

Die Produktionsreife beginnt während der Entwicklung

Der Vorteil eines One-Click-Deployments hängt nicht allein von der Schaltfläche Publish ab. Entscheidend ist, wie viel Arbeit bereits erledigt wurde, bevor du diesen Punkt erreichst. In Coderblock gehören Datenbank, Authentifizierung, Berechtigungen, Storage, Integrationen und Secrets zum selben Projekt. Während du deine App entwickelst, bereitest du also gleichzeitig die Grundlage für den Produktivbetrieb vor.

Datenbank und Zugriffskontrolle

Jede Standard-Web-App verfügt innerhalb ihres eigenen Supabase-Projekts über eine echte Postgres-Datenbank. Der Agent kann das Schema direkt im Dialog erstellen und aktualisieren. Auf der Registerkarte Backend kannst du Tabellen, authentifizierte Benutzer, Storage und Funktionen einsehen. Wenn du eine Authentifizierung hinzufügst, kann Coderblock Supabase Auth, Sitzungsverwaltung, geschützte Routen und Row Level Security konfigurieren. Das bedeutet, dass die Vorschau keine „unechte“ Version deiner App ist, die für den Produktivbetrieb später neu aufgebaut werden muss. Die App, die du testest, verfügt bereits über ihre Fullstack-Infrastruktur.

Secrets und Integrationen

Echte Anwendungen müssen häufig mit externen Diensten kommunizieren und dafür private Zugangsdaten verwenden.

Coderblock verwaltet diese Informationen über einen sicheren Prozess für Umgebungsvariablen. Die Werte werden serverseitig gespeichert und weder in den generierten Code noch in die normale Unterhaltung eingefügt.

Derselbe Ansatz kommt zum Einsatz, wenn du Dienste wie Stripe über deinen Schlüssel STRIPE_SECRET_KEY verbindest.

Zahlungen

Auch Zahlungen lassen sich direkt während der Entwicklung konfigurieren. Du kannst zum Beispiel Folgendes anfordern:

Erstelle ein Abonnement für 9,99 € pro Monat und gewähre Abonnenten Zugriff auf die Premium-Funktionen.

Im standardmäßig verwalteten Modus kann der Agent nach Abfrage einiger grundlegender Informationen ein Stripe-Konto für das Projekt einrichten. Die Plattform verwaltet den Webhook und bereitet Produkte, Preise, Checkout sowie die zugehörige Frontend- und Backend-Logik vor.

Alternativ kannst du über den BYOK-Prozess dein eigenes Stripe-Konto verwenden. Der Agent fordert den geheimen Schlüssel über die sichere Eingabe für Umgebungsvariablen an und konfiguriert den Webhook automatisch. In beiden Fällen kannst du zunächst im Testmodus beginnen, bevor du zu echten Transaktionen wechselst.

Was passiert, wenn du auf Publish klickst?

Sobald die App bereit ist, folgt der einfachste Schritt: Publish.

Mit einem Klick stellt Coderblock die App unter <app>.coderblock.app produktiv bereit – inklusive SSL. Es geht nicht darum, dass ein Deployment technisch frei von Komplexität wäre. Entscheidend ist, dass diese Komplexität für die Person, die das Produkt entwickelt, nicht zum Problem wird.

Du musst keinen Webserver manuell konfigurieren. Du musst keine CI/CD-Pipeline von Grund auf erstellen. Du musst keine neue Hosting-Umgebung vorbereiten. Du musst Frontend und Backend nicht für die Produktion neu konfigurieren. Die Infrastruktur bleibt im Hintergrund.

Auch wenn du das Produkt später weiterentwickelst, bleibt der Ablauf gleich: Du aktualisierst die App, überprüfst sie in der Entwicklungsumgebung und veröffentlichst die neue Version, sobald sie bereit ist. Weitere Veröffentlichungen erfolgen über schnelle Hot Updates, sodass der iterative Workflow aus der Entwicklung erhalten bleibt.

Von der Entwicklungsdomain zu deiner eigenen Domain

Über die Adresse <app>.coderblock.app erhältst du sofort eine produktive Zieladresse.

Wenn du jedoch ein echtes Produkt veröffentlichst, möchtest du wahrscheinlich deine eigene Domain verwenden. Unter Settings → Domains kannst du eine bestehende Domain verbinden und den Anweisungen zur Konfiguration der DNS-Einträge folgen.

Alternativ kannst du direkt in Coderblock eine Domain kaufen. In diesem Fall werden Kauf, DNS und SSL innerhalb der Plattform verwaltet. Das Ergebnis ist ein deutlich geradlinigerer Weg: Idee → Entwicklung → Vorschau → Test → Produktion

Ohne dass das Deployment zu einem eigenen Nebenprojekt wird.

Was „One-Click-Deployment“ wirklich bedeutet

„Ein Klick“ bedeutet nicht, dass sich hinter der Schaltfläche keine komplexe Infrastruktur verbirgt. Eine Coderblock-App kann ein React-Frontend, eine Postgres-Datenbank, Authentifizierung, Storage, serverseitige Funktionen, Secrets, Zahlungen und Zugriffsregeln umfassen. Der Klick ist lediglich der letzte Schritt eines Prozesses, der all diese Komponenten bereits zusammengestellt und miteinander verbunden hat.

Genau darum geht es. Coderblock bietet dir nicht nur eine schnellere Möglichkeit, Code zu generieren. Die Plattform begleitet dich von der ersten Idee bis zu einer funktionierenden Fullstack-App und ermöglicht es dir, sie online zu stellen, sobald du bereit bist – ohne dass du zusätzlich zum Infrastruktur-Experten werden musst.

Entwickle das Produkt. Teste es. Wenn es bereit ist, veröffentliche es.

Das Deployment sollte der Moment sein, in dem dein Produkt seine Benutzer erreicht – nicht der Moment, in dem ein neues technisches Projekt beginnt.