// Anleitung
Self-Hosting einrichten
Du hast dein Code-Paket erhalten, hier erfährst du, wie du deine Webseite auf Vercel deployest und deine eigene Domain einrichtest.
Teil 1
Deployment auf Vercel
Vercel-Account anlegen
Besuche vercel.com und erstelle einen kostenlosen Account. Eine E-Mail-Adresse reicht, kein GitHub nötig.
Vercel CLI installieren
Öffne ein Terminal und installiere die Vercel CLI global über Node.js:
npm install -g vercel
Node.js muss dafür installiert sein. Falls nicht: nodejs.org → LTS-Version herunterladen und installieren.
Im Projektordner einloggen und deployen
Entpacke das erhaltene Code-Paket, öffne ein Terminal im Projektordner und führe aus:
vercel login
Nach der Anmeldung (per E-Mail-Link) einmalig deployen:
vercel --prod
Vercel erkennt Next.js automatisch und fragt ein paar Einrichtungsfragen – alle mit Enter bestätigen. Nach wenigen Minuten ist die Seite unter einer automatisch generierten URL erreichbar (z.B. dein-projekt.vercel.app). Teste kurz ob alles korrekt aussieht.
Updates einspielen
Bei jedem Update-Paket das erhaltene Archiv entpacken, die alten Dateien ersetzen und erneut aus dem Projektordner deployen:
vercel --prod
Teil 2
DNS bei Hetzner einrichten
Domain bei Hetzner registrieren (falls noch nicht vorhanden)
Melde dich bei hetzner.com an und registriere deine Wunschdomain unter Domains → Domain registrieren. Eine .de Domain kostet dort ca. 1–2 €/Monat.
DNS-Zone öffnen
Im Hetzner-Dashboard zu DNS Console → dns.hetzner.com wechseln und deine Domain auswählen. Hier verwaltest du alle DNS-Einträge.
A-Record und CNAME setzen
Füge folgende zwei Einträge hinzu (bestehende A- und CNAME-Einträge vorher löschen):
Typ Name Wert TTL ──────────────────────────────────────────── A @ 76.76.21.21 3600 CNAME www cname.vercel-dns.com. 3600
Der @-Eintrag steht für die Root-Domain (z.B. meineseite.de), www leitetwww.meineseite.de weiter.
DNS-Änderungen können bis zu 24 Stunden dauern, sind in der Regel aber nach 15–60 Minuten aktiv.
Teil 3
Domain in Vercel eintragen
Domain zum Vercel-Projekt hinzufügen
Im Vercel-Dashboard dein Projekt öffnen → Settings → Domains → Add. Trage dort deine Domain ein, z.B. meineseite.de. Wiederhole das für www.meineseite.de.
SSL-Zertifikat abwarten
Vercel stellt automatisch ein kostenloses SSL-Zertifikat aus (Let's Encrypt). Der Status wechselt von Pending zu Valid sobald die DNS-Einträge propagiert sind, das dauert meist unter einer Stunde.
Danach ist deine Seite unter deiner eigenen Domain erreichbar und vollständig mit HTTPS gesichert.
Fertig
Deine Webseite läuft jetzt auf Vercel mit deiner eigenen Domain und automatischem SSL. Bei Fragen oder Problemen kannst du dich jederzeit melden: info@seitenmacher.eu
Weitere Updates werden als neues Code-Paket oder Docker Image geliefert – einfach den vorhandenen Code ersetzen und erneut deployen.