Wie einfach es war, meine nextjs-Portfolio-Site bereitzustellen

In den letzten Tagen habe ich mich darauf gefreut, meine persönliche Portfolio-Website zu starten, um mein Wissen zu teilen und eine starke Online-Präsenz aufzubauen. Nach meiner Recherche fand ich heraus, dass Namecheap eine Domain zu einem unglaublich günstigen Preis anbot – nur 2,99 $ im ersten Jahr mit Rabatt –, also habe ich mir schnell die Domain gesichert. Als nächstes überlegte ich, ob ich in Hosting investieren oder das kostenlose Kontingent von Vercel für die Bereitstellung nutzen sollte. Letztendlich habe ich mich dafür entschieden, meine Next.js-Anwendung auf Vercel zu hosten, was sich als gute Entscheidung herausstellte. In diesem Beitrag werde ich Sie durch den Prozess führen und meine Erfahrungen teilen.

Schritt 1: Einrichten der Domain auf Namecheap

Nachdem ich meine Domain über Namecheap registriert hatte, bestand der nächste Schritt darin, sie für die Zusammenarbeit mit Vercel zu konfigurieren.

Schritt 2: Vercel als meine Hosting-Lösung auswählen
Bei meinem Vercel-Konto angemeldet.
Habe mein GitHub-Repository verbunden, in dem meine Portfolio-Site gespeichert war.
Bereitstellung der Anwendung mit einem einzigen Klick.

Schritt 3: Nameserver auf Namecheap einrichten
Greifen Sie in Namecheap auf die Registerkarte „Domainliste“ zu und klicken Sie auf „Verwalten“.
Wählen Sie „Benutzerdefiniertes DNS“ und fügen Sie die Vercels-Nameserver ns1.vercel-dns.com und ns2.vercel-dns.com hinzu
Speichern Sie und warten Sie auf die DNS-Weitergabe.

Schritt 4: Verbinden der Domain mit Vercel
Gehen Sie zu Ihrem Projekt auf Vercel und klicken Sie auf Einstellungen.
Fügen Sie unter Domänen Ihre benutzerdefinierte Domäne hinzu (z. B. anwarhossain.me).
Vercel verifiziert die Domain automatisch und SSL wird kostenlos konfiguriert.

Fazit
In nur wenigen einfachen Schritten habe ich meine Next.js-Portfolio-Site erfolgreich auf Vercel bereitgestellt und meine Namecheap-Domain so konfiguriert, dass sie reibungslos funktioniert. Diese Kombination aus Namecheap und Vercel bietet eine budgetfreundliche Lösung für Entwickler, die ihre Projekte mit minimalem Aufwand hosten möchten.

Wenn Sie mehr über meine Erkenntnisse erfahren möchten. Besuchen Sie,
meine Portfolio-Site -> anwarhossain.me

Das obige ist der detaillierte Inhalt vonWie einfach es war, meine nextjs-Portfolio-Site bereitzustellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!