Vercel & deine Domain
Aus Code wird Produkt auf deiner eigenen Domain.
Was du nach diesem Modul kannst
- Dein Projekt liegt auf Vercel und ist online erreichbar.
- Jeder Commit deployt automatisch eine neue Version.
- Deine Custom Domain ist verbunden und zeigt auf dein Projekt.
Vercel ist der einfachste Weg, deine Idee live zu schalten. Du verbindest GitHub einmal, und ab dann gilt: jeder Commit ist ein neues Release.
Was du gewinnst
Was Vercel für dich tut
Bisher liegt dein Projekt als Code auf deinem Computer und auf GitHub. Damit aus Code eine Webseite wird, muss er auf einem Server laufen, der Anfragen aus dem Internet beantwortet. Genau das macht Vercel: automatisch, weltweit verteilt, für den Anfang kostenlos.
Auto-Deploy
Jeder Commit baut automatisch eine neue Version.
Preview-URLs
Jede Branch bekommt eine eigene Vorschau-Adresse zum Teilen.
Custom Domain
Verbinde deine eigene Domain in 5 Minuten.
Global CDN
Schnell für Nutzer:innen weltweit, ohne Setup.
Auto-Deploy
Jeder Commit ist ein neues Release
Commit gepusht
main · 12:34
Vercel baut
Build & Deploy
Live auf deine-idee.de
Auto-deployed
Du machst eine Änderung, drückst Commit in GitHub Desktop, und Vercel erledigt den Rest. Es gibt keinen Schritt dazwischen.
Schritt für Schritt
Vercel einrichten
- 01
Geh auf vercel.com und melde dich mit GitHub an. Ein Klick, fertig. Vercel sieht jetzt automatisch deine Repositories.
Vercel öffnen - 02
Klicke Add New → Project. Wähle dein GitHub-Repository aus der Liste. Vercel erkennt automatisch, dass es ein Next.js-Projekt ist. Keine Einstellungen nötig. Klicke Deploy.
Nach 30–60 Sekunden hast du eine Live-URL: typischerweise
meine-idee-abc123.vercel.app. Glückwunsch, deine Idee ist online. - 03
In deinem Vercel-Projekt: Settings → Domains. Gib deine Domain ein (z. B.
meine-idee.de) und klicke Add. Vercel zeigt dir jetzt zwei , die du bei deinem Domain-Anbieter (IONOS, GoDaddy, Strato …) eintragen musst. - 04
Geh zurück in Cursor. Sag dem Agent: „Ändere die Hero-Überschrift auf [neuer Text], commit die Änderung mit der Nachricht ‚Hero-Tweak‘ und pushe sie.“
Schau in deinem Vercel-Dashboard zu, wie automatisch ein neues Deployment startet. Nach ~30 Sekunden ist die Änderung live unter deiner Domain. Du hast gerade deinen ersten richtigen CI/CD-Prozess am Laufen.
- 05
Sobald jemand im Team einen Branch erstellt (z. B.
neue-preise), baut Vercel automatisch eine eigene Vorschau-URL, etwameine-idee-git-neue-preise.vercel.app. Teile sie mit Maria oder Investor:innen, sammelt Feedback, bevor ihr live geht.In Cursor reicht: „Erstelle einen Branch namens neue-preise und pushe ihn.“
Für deine ersten Schritte: nichts. Vercel hat einen großzügigen Hobby-Plan mit bis zu 100 GB Traffic pro Monat, unbegrenzte Deployments, eine Domain gratis. Erst wenn dein Produkt mehr als ein paar tausend Besucher pro Monat hat, lohnt sich der Pro-Plan (ca. 20 € / Monat).
GitHub: kostenlos für unbegrenzte private Repos. Cursor: 14 Tage kostenlos, danach ca. 20 € / Monat. Du kommst also mit ca. 20–40 € / Monat aus, um eine funktionierende Produktidee live zu halten.
Häufiger Stolperstein
„Meine Domain wird nicht erkannt“
DNS-Änderungen brauchen manchmal bis zu 24 Stunden, bis sie weltweit übernommen sind. Meist sind es nur 5–10 Minuten. Wenn Vercel auch nach einer Stunde noch „Pending“ zeigt, prüfe noch einmal, ob du die exakten Werte aus dem Vercel-Dialog kopiert hast (oft ist es ein vergessenes Komma oder ein Leerzeichen).
Mein Vercel-Setup
6 SchritteWeiter geht's
Was du als Nächstes tust
Du bist live. Bevor wir den Guide abschließen, kommt noch ein Modul, vielleicht das wichtigste: wie du deine Arbeit so übergibst, dass sie nicht zerbröckelt, sobald dein Team wächst. Wir sprechen über sauberes Repository-Setup, Dokumentation, SEO und den richtigen Moment, eine:n Entwickler:in dazu zu holen.