Anleitung: Im Browser
In wenigen Minuten startklar. Du installierst nichts, alles läuft im Browser.
Was du mitbringst
- Eine eigene n8n-Instanz (self-hosted oder Cloud) mit einem n8n-API-Key.
- Einen GitHub-Account (kostenlos, Schritt 1 zeigt, wie du einen anlegst).
- Zugang zu Claude Code im Browser: claude.ai/code.
n8n-API-Key gesucht? In deiner n8n unter Einstellungen, dann „n8n API“, dann „Create API Key“. Den erzeugten Schlüssel trägst du beim Onboarding ein.
So läuft es ab
GitHub-Account erstellen (falls noch keiner da ist)
GitHub ist der Ort, an dem dein Projekt liegt. Öffne github.com/signup und lege kostenlos ein Konto an: E-Mail-Adresse, Passwort und einen Benutzernamen wählen, dann die Bestätigungs-E-Mail bestätigen. Wenn du schon ein Konto hast, überspringe diesen Schritt.
Onboarding auf hub.buildbar.de
Öffne hub.buildbar.de, trage deine n8n-URL und deinen n8n-API-Key ein und klicke „Weiter mit GitHub“. Melde dich mit deinem GitHub-Account an und bestätige die Freigabe für die buildbar-App.
Danach legt der Hub automatisch ein privates Repo in deinem GitHub-Account an, schon fertig mit deiner n8n verbunden. Dein API-Key bleibt dabei server-seitig, im Repo steht nur eine anonyme URL.
Repo in claude.ai/code öffnen und GitHub verknüpfen
Öffne claude.ai/code und melde dich mit deinem Claude-Account an.
Beim ersten Mal fragt Claude Code nach Zugriff auf deine GitHub-Repos. Klicke auf „GitHub verbinden“ (bzw. „Connect GitHub“) und autorisiere die Freigabe. Du kannst den Zugriff auf dein neues Repo buildbar-hackathon beschränken.
Wähle anschließend das Repo buildbar-hackathon aus der Liste aus, um es zu öffnen. Tippe dann einfach „Los geht's“. Claude begrüßt dich, prüft still die Verbindung zu deiner n8n und fragt nach deiner Idee.
Deine Idee bauen
Beschreib in eigenen Worten, was du automatisieren möchtest. Claude klärt mit dir die Details und baut den Workflow direkt in deiner n8n, testet und dokumentiert ihn.
Unsicher? Sag „Hilf mir, meine Idee zu klären.“ Oder hol dir Inspiration im Ideenmenü.
App veröffentlichen (optional)
Braucht dein Use Case eine kleine Web-Oberfläche? Sag „veröffentliche meine App“. Claude baut das Frontend und veröffentlicht es als EU-URL (app-xxxx.buildbar.de). Der erste Build dauert ein paar Minuten, das ist normal.
Datenbank und mehr
Für Ideen, die Daten speichern, Logins oder Datei-Uploads brauchen, stehen zwei EU-Dienste bereit. Claude bindet sie ein, wenn dein Use Case sie braucht. Beide Wege nutzen dieselben Dienste.
NocoDB
Eine Tabellen-Oberfläche wie Airtable. Ideal, wenn du Daten sammeln und sichtbar in Tabellen pflegen willst (zum Beispiel Anfragen, Anmeldungen, Event-Listen). Self-service: Du legst dir auf nocodb.buildbar.de einen Account und einen API-Token an, Claude bindet ihn als Credential in deine n8n ein.
Supabase
Eine Postgres-Datenbank mit Login, Datei-Uploads und Vektor-/RAG-Funktionen. Ideal, wenn deine App Nutzer anmelden, Dateien speichern oder semantisch suchen soll. Die Zugangsdaten (URL und Keys) findest du im geschützten Bereich auf der Event-Seite, das Passwort nennt die Moderation.
Gut zu wissen
- Keine lokale Vorschau: „localhost“ funktioniert im Web-Editor nicht. Deine App zeigst du über die veröffentlichte EU-URL.
- Deine Sessions laufen weiter, auch wenn du den Browser-Tab schließt.
- Alle Zugangsdaten (Supabase, WLAN und weitere) findest du im geschützten Bereich auf der Event-Seite. Das Passwort nennt die Moderation vor Ort.