Coderblock stellt neue Fullstack-Templates für die schnellere App-Entwicklung vor

Ein schnellerer Einstieg in Fullstack-Apps

Coderblock führt eine neue Sammlung von Fullstack-Produkt-Templates ein. Sie bieten eine konkrete Ausgangsbasis für alle, die eine Idee in eine funktionsfähige Webanwendung verwandeln möchten. Die Sammlung umfasst verschiedene Produktarten, darunter Onlineshops, Buchungsplattformen, Dashboards, Wellness-Apps und Spiele – einschließlich 3D-Erlebnissen, die mit Three.js entwickelt wurden.

Dabei handelt es sich nicht um einfache grafische Mock-ups oder Seitenvorlagen. Jedes Template bildet die Grundlage einer echten Anwendung und kann Frontend, Backend-Logik, Datenbank, Authentifizierung, Storage und die Bereitstellung in der Produktionsumgebung umfassen.

Nutzer können ein Template auswählen und es sofort per natürlichsprachlichem Chat weiterentwickeln. Anstatt manuell eine allgemeine Codebasis einzurichten, können sie Coderblock einfach anweisen, das Produkt an ihre Anforderungen anzupassen.

Zum Beispiel:

• „Verwandle diese Buchungsplattform in ein Tool zur Planung von Unterrichtsstunden für Sprachlehrer.“
• „Füge ein Kunden-Dashboard mit bevorstehenden und vergangenen Terminen hinzu.“
• „Fixiere die Navigationsleiste und füge ein Menü für Mobilgeräte hinzu.“
• „Erstelle eine Verwaltungsansicht für Buchungen und Benutzerrollen.“
• „Ermögliche Kunden eine monatliche Zahlung von 9,99 €.“

Die Live-Entwicklungsvorschau unter <app>.coderblock.dev wird aktualisiert, während die AI die gewünschten Änderungen umsetzt. So lässt sich die App in kurzen Feedbackzyklen überprüfen und weiter optimieren.

Produkt-Templates statt einfacher Seitenvorlagen

Ein klassisches Website-Template bietet häufig eine Startseite, einige wiederverwendbare Bereiche und ein visuelles Design, das erst noch mit einem Backend verbunden werden muss. Die Produkt-Templates von Coderblock sind dagegen für Fullstack-Anwendungen konzipiert. Für Standard-Webanwendungen generiert Coderblock das Frontend mit React, Vite, TypeScript und Tailwind CSS. Jede App läuft in einem eigenen Supabase-Projekt mit Postgres, Supabase Auth, Storage, Row Level Security und Deno Edge Functions.

Dadurch kann ein Template zur Ausgangsbasis für ein einsatzfähiges Produkt werden, statt lediglich als visuelle Referenz zu dienen. Während sich die App weiterentwickelt, kann der AI-Agent das Datenbankschema entwerfen und migrieren. Tabellen, authentifizierte Benutzer, Storage und Funktionen bleiben im Tab Backend des Editors verfügbar. Jede App enthält außerdem von Anfang an eine Profiltabelle und eine grundlegende Rollenstruktur. Wenn ein Nutzer Zugänge und Konten hinzufügen möchte, kann der Agent Registrierungs- und Anmeldeseiten, Sitzungsverwaltung, geschützte Routen und die mit dem authentifizierten Benutzer verknüpfte Row Level Security einrichten. Auf Wunsch lässt sich auch Social Login hinzufügen.

Für Web Platform-Projekte für Unternehmen nutzt Coderblock Python und FastAPI zusammen mit einer Neon-Postgres-Datenbank.

Jedes Template per Chat anpassen

Die Templates sollen den anfänglichen Aufwand reduzieren, ohne die späteren Möglichkeiten des Produkts einzuschränken. Nach der Auswahl einer Ausgangsbasis arbeiten Nutzer mit demselben dialogbasierten Workflow weiter, den sie aus Coderblock kennen.

Ein Buchungs-Template kann beispielsweise an einen Salon, eine Beratung, einen Coach, eine Klinik oder einen Verleih angepasst werden. Nutzer können den Agenten anweisen, das Datenmodell, die Benutzerführung, Rollen, Buchungsregeln und Verwaltungstools zu ändern. Ebenso lässt sich ein Onlineshop-Template an den jeweiligen Katalog, den Checkout-Prozess und die Anforderungen an Kundenkonten anpassen.

Damit eignen sich die Templates auch besonders gut für die frühe Erkundung einer Produktidee. Gründer können eine Idee schnell testen, Agenturen eine erste maßgeschneiderte Version für einen Kunden erstellen und Produktteams noch im Wandel befindliche Anforderungen in eine funktionsfähige Anwendung verwandeln, die sie Stakeholdern präsentieren können. Änderungen bleiben konkret und dialogbasiert. Nutzer können eine neue Datenbanktabelle anfordern, das Dashboard-Layout ändern, einen geschützten Verwaltungsbereich einführen oder einen bestehenden Ablauf optimieren, ohne separate Frontend- und Backend-Aufgaben manuell koordinieren zu müssen.

Das Produkt mit sofort einsatzbereiten Funktionen erweitern

Neben den Produkt-Templates bietet Coderblock auch eine Sammlung von Funktions-Templates für häufig benötigte Funktionen wie Zahlungen, Authentifizierung, Warenkörbe, Chats und Administrationsbereiche. Die beiden Template-Arten erfüllen unterschiedliche Zwecke:

• Produkt-Templates: stellen die allgemeine Struktur der Anwendung bereit.
• Funktions-Templates: ergänzen ein bestehendes Produkt um bestimmte Funktionen.

Stripe-Zahlungen lassen sich beispielsweise direkt per Chat einrichten. Standardmäßig kann der Agent nach einigen einfachen Fragen, etwa zum Land und zum Namen des Unternehmens, ein verwaltetes Stripe-Konto für das Projekt erstellen. API-Schlüssel sind nicht erforderlich, und Coderblock verwaltet den Zahlungs-Webhook. Nutzer, die lieber ihr eigenes Stripe-Konto verwenden möchten, können stattdessen die BYOK-Option wählen. In diesem Fall fordert der Agent STRIPE_SECRET_KEY über eine sichere Abfrage der Umgebungsvariablen an, speichert den Schlüssel serverseitig und registriert den Webhook automatisch.

In beiden Varianten kann der Agent Produkte, Preise, Checkout sowie die erforderlichen Frontend- und Backend-Integrationen konfigurieren. Projekte können zunächst im Testmodus starten, bevor echte Zahlungen aktiviert werden. Apps können außerdem AI-gestützte Funktionen über Coderblock AI Gateway integrieren. Dieser bietet eine OpenAI-kompatible Schnittstelle, einen API-Schlüssel pro Projekt und eine nutzungsabhängige Abrechnung.

Vom Template zum veröffentlichten Produkt

Die Arbeit endet nicht mit der ersten Generierung. Nach der Anpassung des Templates und der Überprüfung des App-Verhaltens in der Live-Vorschau kann das Projekt mit einem Klick unter <app>.coderblock.app veröffentlicht werden – SSL inklusive.

Spätere Versionen lassen sich über schnelle Hot-Updates bereitstellen, sodass das Produkt auch nach der ersten Veröffentlichung kontinuierlich verbessert werden kann. Auch benutzerdefinierte Domains werden unterstützt. Unter Einstellungen → Domains können Nutzer eine bereits vorhandene Domain mithilfe der geführten DNS-Konfiguration verbinden oder direkt über Coderblock eine neue Domain kaufen. In diesem Fall werden Checkout, DNS und SSL automatisch verwaltet.

Ein Ausgangspunkt, keine Grenze

Die neuen Templates sind Teil des umfassenderen dialogbasierten Ansatzes von Coderblock zur Softwareentwicklung. Du kannst mit einem Produkt-Template beginnen, eine bestimmte Funktion auswählen oder eine App vollständig von Grund auf beschreiben. Der Ablauf bleibt in jedem Fall gleich: Beschreibe, was du entwickeln möchtest, sieh dir das Ergebnis an und optimiere es anschließend per Chat weiter. Das Ziel der Templates besteht also nicht darin, dir ein bereits festgelegtes Produkt vorzugeben, sondern den anfänglichen Aufwand zu beseitigen, der die Umsetzung einer Idee in eine funktionsfähige App häufig verlangsamt.

Starte mit einer Grundlage. Passe sie an. Mach sie zu deinem Produkt.