Zum Inhalt springen

Import

Ihre bestehende App. Jetzt mit KI weiterentwickeln.

Frontend und Backend, ein Repo oder mehrere, Node oder Python: Agile Vibes erkennt Ihre App, verbindet die Teile und startet alles als eine laufende App.

Aufbau

Jede Struktur, die in der Praxis vorkommt

Zwei Repos

Frontend und Backend getrennt, etwa firma/app-web und firma/app-api. Sie fügen die Repos nacheinander hinzu.

Monorepo

Ein Repo mit frontend/ und backend/, etwa Next.js mit FastAPI. Jeder Unterordner wird ein eigener Teil.

Eine App

Ein einzelnes Next.js- oder Vite-Projekt, ein Express- oder FastAPI-Dienst. In Minuten in der Vorschau.

Frontend und Backend (bis 3 Teile) gibt es ab dem Tarif Start. Bestehende Apps mit mehreren Repos und bis zu 8 Teilen ab Pro. Der Import einer einzelnen App ist auch im Free-Tarif möglich.

Technik

Erkennt, was Sie schon nutzen

Next.js

Rewrites zum Backend werden berücksichtigt

Vite

React, Vue oder Svelte als Frontend

Express

Node-Backends mit REST oder WebSocket

NestJS und Fastify

Auch Hono, Start- und Build-Befehle aus package.json

FastAPI

Mit uvicorn, requirements.txt oder pyproject

Django

Einstellungen und Variablen aus settings

Flask

Kleine Python-Dienste und APIs

Postgres

Erkannt an pg, Prisma, SQLAlchemy, psycopg oder Alembic

MongoDB

Erkannt an mongoose oder dem MongoDB-Treiber

SQLite

Als Datei im Projekt

Schritt für Schritt

Vom Repo zur laufenden App

  1. Quellen angeben

    GitHub-Adresse, Agile Git, beliebige Git-URL oder ZIP. Weitere Repos fügen Sie einfach hinzu. Geklont wird in einer isolierten Sandbox, ohne Git-Hooks.

  2. Erkennung prüfen

    Agile Vibes zeigt Frameworks, Paketmanager, Start- und Build-Befehle, Ports, Variablen und benötigte Datenbanken. Optional ergänzt die KI den Vorschlag aus README und Konfiguration.

  3. Variablen und Geheimnisse setzen

    Verknüpfungen wie NEXT_PUBLIC_API_URL setzt Agile Vibes selbst. Schlüssel für externe Dienste tragen Sie ein, sie werden verschlüsselt gespeichert.

  4. Starten

    Installation, Start und Gesundheitsprüfung laufen automatisch. Klappt etwas nicht, hilft „Mit KI reparieren“.

  5. Weiterbauen und veröffentlichen

    Ab jetzt ändern Sie die App per Chat oder im Code-Editor, mit Versionen und Vorschau. Veröffentlichen Sie unter agilevibes.app oder Ihrer eigenen Domain.

Fragen

Fragen zum Import

Was brauche ich für den Import?

Die Adresse des Repos auf GitHub, Agile Git oder einem anderen Git-Server, oder eine ZIP-Datei. Für private Repos verbinden Sie Agile Git per Anmeldung oder geben ein GitHub-Token an. Das Token gilt nur für das Klonen und wird nicht im Repo gespeichert.

Was passiert mit meinen Geheimnissen und .env-Dateien?

Agile Vibes liest die Namen der Variablen aus .env.example und dem Code. Die Werte tragen Sie im Assistenten ein. Sie werden verschlüsselt gespeichert und nur der laufenden App übergeben.

Muss ich meinen Code anpassen?

In den meisten Fällen nicht. Frontend und Backend laufen unter derselben Adresse, das Backend unter /_teil/<name>. Variablen wie NEXT_PUBLIC_API_URL, API_URL oder BACKEND_URL werden automatisch auf das Backend gesetzt.

Was, wenn der Start nicht klappt?

Sie sehen die Protokolle jedes Teils. Mit „Mit KI reparieren“ liest die KI Fehler und Konfiguration und schlägt Änderungen vor. Sie sehen nach jedem Schritt, was er gekostet hat.

Bleibt mein Repo die Quelle?

Ja, wenn Sie wollen. Sie können Änderungen zurück in das Repo hochladen, neue Änderungen von dort holen oder Auto-Push einschalten. Jede Änderung in Agile Vibes ist ein normaler Git-Commit.

Ich habe Daten in einer bestehenden Datenbank.

Agile Vibes legt für das Projekt eine eigene Datenbank an. Bestehende Daten spielen Sie per Dump ein oder verbinden über eine Variable eine externe Datenbank, die aus dem Internet erreichbar ist.

Holen Sie Ihre App an Bord.

Konto anlegen, Repo angeben, in der Vorschau weiterbauen.

Bestehende Apps importieren · Agile Vibes