🚀Anleitung8 Min. Lesezeit

Lovable-App online stellen: So geht der Deploy (auch auf Vercel)

Deine App ist fertig — und jetzt? Bei "Deploy" hängen die meisten fest.

Du hast in Lovable etwas gebaut. Es läuft in der Vorschau, es sieht gut aus, du bist stolz. Und dann kommt die Frage, die fast alle Anfänger ausbremst: Wie bekomme ich das jetzt ins Internet, damit andere es sehen können?

Keine Sorge. Genau dieser Schritt klingt viel größer, als er ist. Du brauchst kein Wissen über Server, keine Kommandozeile und kein Informatik-Studium. In diesem Beitrag gehen wir es ruhig durch — vom einfachsten Weg bis zur eigenen Domain.

Vorab drei Begriffe, die immer wieder auftauchen:

Deployment heißt einfach: deine App online stellen, damit sie über eine Internetadresse erreichbar ist.
Hosting ist der Ort, wo deine App "liegt" und läuft — wie ein Grundstück für dein Haus.
Domain ist die Adresse, unter der man sie findet (zum Beispiel meine-app.de).

Wenn dir das gerade noch zu abstrakt ist: In Was ist Vibe Coding? erklären wir das große Bild, und in Lovable auf Deutsch zeigen wir, wie das Tool grundsätzlich funktioniert.

Der einfachste Weg: Lovable Publish

Die gute Nachricht zuerst: Lovable kann deine App selbst veröffentlichen. Du musst gar kein anderes Tool anfassen. Diese Funktion heißt Publish (englisch für "veröffentlichen").

Beim Veröffentlichen bekommt deine App eine eigene Adresse — eine sogenannte Subdomain von Lovable, also etwas wie deine-app.lovable.app. Das ist eine fertige Internetadresse, die du sofort teilen kannst. Das Hosting übernimmt Lovable im Hintergrund komplett für dich.

So gehst du vor:

Öffne dein Projekt in Lovable.
Klicke oben im Editor auf den Publish-Button (oft oben rechts).
Wähle die Veröffentlichung auf der Lovable-Subdomain (deine-app.lovable.app).
Bestätige und warte kurz — der Vorgang dauert in der Regel ungefähr eine Minute.
Fertig: Du bekommst einen Link, den du teilen kannst.

Wenn du später etwas änderst, klickst du wieder auf Publish und dann auf Update. Deine Änderungen gehen sofort live.

Ein ehrlicher Hinweis: Diese Lovable-Adresse ist perfekt zum Zeigen, Testen und für erstes Feedback. Für ein kleines Projekt oder einen Prototyp reicht das oft völlig. Für eine "richtige" App mit viel Traffic und eigener Adresse schauen wir uns gleich den nächsten Weg an.

Eigene Domain? Über GitHub & Vercel

Irgendwann willst du vielleicht mehr: eine eigene Adresse wie meine-app.de statt ...lovable.app, oder einfach mehr Kontrolle. Dann kommt Vercel ins Spiel — ein bekannter Hosting-Anbieter, der besonders gut zu Apps wie deinen passt.

Der Weg läuft über einen Umweg, der dir am Anfang Angst macht und am Ende harmlos ist: GitHub. GitHub ist der Ort, an dem dein Code gespeichert wird — eine Art Online-Ordner für Programmcode. Vercel holt sich den Code von dort und stellt ihn online.

Der Ablauf in groben Schritten:

Lovable mit GitHub verbinden. In Lovable gehst du in die Einstellungen (Settings) und suchst den Bereich für Integrationen oder Connectors. Dort klickst du auf "Connect GitHub", meldest dich bei GitHub an und erlaubst Lovable den Zugriff. Lovable legt dann automatisch einen Speicherort (ein "Repository") für deinen Code an.
Vercel mit GitHub verbinden. Du erstellst dir einen kostenlosen Vercel-Account, am einfachsten direkt über GitHub. Dann wählst du dein neues Repository aus ("Import").
Einstellungen bestätigen. Vercel erkennt meist automatisch, um welche Art Projekt es sich handelt. In der Regel kannst du die Vorschläge einfach übernehmen.
Umgebungsvariablen eintragen (dazu gleich mehr) und auf Deploy klicken.

Das Schöne danach: Jede Änderung, die du in Lovable machst, landet automatisch bei GitHub — und Vercel veröffentlicht sie dann von selbst neu. Du musst also nicht jedes Mal von vorne anfangen.

Wenn dir bei einem Schritt eine Frage gestellt wird, die du nicht sofort verstehst: Folge ruhig den Hinweisen im Tool und übernimm im Zweifel die Standard-Einstellungen. Die Anbieter führen dich Schritt für Schritt durch. Mehr zum Bauen selbst findest du in Website mit KI erstellen.

Was kostet das Online-Stellen?

Hier kommt eine angenehme Überraschung: Für den Anfang kannst du fast alles kostenlos machen.

Die Lovable-Subdomain (deine-app.lovable.app) ist in jedem Tarif enthalten — auch im kostenlosen. Du kannst also veröffentlichen, ohne einen Cent zu zahlen.

Eine eigene Domain direkt über Lovable anzuhängen, ist in der Regel den bezahlten Tarifen vorbehalten. Wenn du eine eigene Adresse willst, ohne in Lovable zu bezahlen, ist der Weg über Vercel oft günstiger: Vercel hat einen kostenlosen Tarif, der für kleine und private Projekte ausreicht und sogar eigene Domains erlaubt. GitHub ist für solche Projekte ebenfalls kostenlos.

Was du in der Praxis trotzdem bezahlst: die Domain selbst. Eine Adresse wie meine-app.de kostet meist nur ein paar Euro pro Jahr bei einem Domain-Anbieter. Das ist unabhängig davon, wo deine App liegt.

Ein ehrlicher Hinweis zum Schluss: Preise und Tarife ändern sich. Prüf vor einer Entscheidung kurz die aktuelle Preisseite von Lovable und Vercel. Aber zum Lernen und Ausprobieren musst du erst mal nichts ausgeben.

Häufige Probleme

Wenn beim Deploy etwas hakt, liegt es fast immer an einer von wenigen Sachen. Keine Panik — das ist normal und meistens schnell gelöst.

Weiße Seite nach dem Deploy. Deine App lädt, aber du siehst nur Weiß. Das deutet oft auf fehlende Umgebungsvariablen hin (siehe nächster Punkt) oder darauf, dass der Build nicht sauber durchgelaufen ist. Schau bei Vercel in die Build-Logs — dort steht meist im Klartext, was fehlt.

Umgebungsvariablen fehlen. Das ist der häufigste Stolperstein. Umgebungsvariablen sind geheime Zugangsdaten, die deine App braucht (zum Beispiel der Schlüssel zu deiner Datenbank). Diese werden nicht automatisch von Lovable zu Vercel übertragen. Du musst sie selbst kopieren: In Lovable findest du sie meist im Cloud- oder Secrets-Bereich, bei Vercel trägst du sie in den Projekt-Einstellungen unter "Environment Variables" ein. Danach noch einmal neu deployen.

Domain zeigt nichts an. Hast du gerade eine eigene Domain verbunden und sie funktioniert noch nicht? Das ist oft kein Fehler, sondern Geduld: Nach dem Verbinden kann es eine Weile dauern, bis die Adresse überall im Internet bekannt ist. Prüf außerdem, ob du die Einstellungen bei deinem Domain-Anbieter genau so eingetragen hast, wie Vercel es dir anzeigt.

Du schaffst das

Online stellen klingt nach dem schwersten Schritt — ist aber oft der schnellste. Für den Start reicht ein Klick auf Publish. Und wenn du später eine eigene Adresse willst, führt dich der Weg über GitHub und Vercel ruhig dorthin.