Domain und Droplet verbinden: Namecheap + DigitalOcean in 9 Schritten

Die Kombination aus einer eigenen Domain und einem virtuellen Server eröffnet Entwicklern völlig neue Möglichkeiten. Doch die Verbindung beider Welten – etwa zwischen Namecheap und DigitalOcean – wirft oft Fragen auf. Viele Anwender erwarten, dass der Domain-Name automatisch auf den Server verweist und Inhalte sofort verfügbar sind. Doch anders als bei klassischem Webhosting erfordert diese Einrichtung manuelle Schritte, insbesondere bei der DNS-Konfiguration und der Webserver-Einrichtung. Dieser Leitfaden führt Sie durch den gesamten Prozess – von der Domain-Weiterleitung bis zur fertigen Nginx-Konfiguration mit HTTPS-Unterstützung.

Warum DNS und Nginx die Grundlage bilden

Der erste Schritt besteht darin, die Abläufe zwischen Domain und Server zu verstehen. Ihre Domain bei Namecheap fungiert als menschlich lesbare Adresse, während der DigitalOcean-Droplet der physische Ort ist, an dem Ihre Website gehostet wird. Die DNS-Einträge stellen die Verbindung her, indem sie die Domain auf die IP-Adresse des Servers ausrichten. Anschließend übernimmt Nginx die Rolle des Webservers, der eingehende Anfragen verarbeitet und die entsprechenden Dateien ausliefert oder an eine Anwendung weiterleitet.

Die Standardkonfiguration bei Shared Hosting-Anbietern oder cPanel übernimmt diese Schritte automatisch. Bei DigitalOcean hingegen müssen Sie selbst aktiv werden – ein Vorteil, der Ihnen mehr Kontrolle über Ihre Infrastruktur gibt, aber auch etwas Einarbeitungszeit erfordert.

Schritt 1: DigitalOcean-Droplet erstellen

Beginnen Sie mit der Einrichtung Ihres Servers bei DigitalOcean. Für Testprojekte oder kleinere Websites empfiehlt sich ein Basis-Droplet mit Ubuntu 22.04 LTS und 1 GB RAM. Nach der Erstellung erhalten Sie eine öffentliche IP-Adresse, die Sie für die DNS-Konfiguration benötigen. Diese Adresse sieht typischerweise so aus:

159.89.xxx.xxx

Speichern Sie diese IP-Adresse sorgfältig, da Sie sie in den folgenden Schritten mehrfach benötigen.

Schritt 2: Domain bei Namecheap mit dem Server verknüpfen

Loggen Sie sich in Ihr Namecheap-Konto ein und navigieren Sie zu Ihren Domain-Einstellungen. Unter „Domain-Liste → Verwalten → Erweiterte DNS“ stehen Ihnen zwei gängige Methoden zur Verfügung, um die Domain mit Ihrem DigitalOcean-Server zu verbinden.

Option A: DNS-Einträge mit A-Records

Diese Methode eignet sich besonders für Einsteiger. Fügen Sie folgende A-Records hinzu:

• Typ: A Record
• Host: @
• Wert: Ihre DigitalOcean-IP-Adresse
• Typ: A Record
• Host: www
• Wert: Ihre DigitalOcean-IP-Adresse

Die Einstellung bewirkt, dass sowohl die Hauptdomain als auch die Subdomain www auf denselben Server verweisen. Der Standard-TTL-Wert kann beibehalten werden. Für die meisten einfachen Projekte ist diese Konfiguration ausreichend.

Option B: Nameserver auf DigitalOcean umstellen

Alternativ können Sie die DNS-Verwaltung vollständig an DigitalOcean delegieren. Gehen Sie dazu in Ihrem DigitalOcean-Konto zu „Netzwerk → Domains → Domain hinzufügen“ und tragen Sie Ihre Domain ein. DigitalOcean stellt Ihnen anschließend folgende Nameserver zur Verfügung:

• ns1.digitalocean.com
• ns2.digitalocean.com
• ns3.digitalocean.com

Wechseln Sie zurück zu Namecheap und tragen Sie diese Nameserver unter „Domain → Verwalten → Nameserver → Benutzerdefinierte DNS“ ein. Diese Methode bietet sich an, wenn Sie mehrere Subdomains oder komplexere Setups verwalten möchten.

Welche Methode ist die richtige?

Für Einsteiger ist die Verwendung von A-Records die einfachere Wahl. Sie ist übersichtlich und leicht zu debuggen. Die Umstellung auf DigitalOcean-Nameserver lohnt sich erst bei größeren Projekten mit mehreren Subdomains wie api.example.com oder blog.example.com.

Schritt 3: DNS-Änderungen abwarten

DNS-Propagation kann einige Zeit in Anspruch nehmen. In der Regel sind die Änderungen innerhalb von 5 Minuten bis zu einer Stunde sichtbar. In seltenen Fällen kann es bis zu 24 Stunden dauern, bis die neue Konfiguration weltweit verfügbar ist. Nutzen Sie Tools wie DNS Checker, um den Status der DNS-Weiterleitung zu überprüfen. Ein häufiger Fehler besteht darin, zu schnell anzunehmen, dass etwas nicht funktioniert – oft benötigt das DNS-System einfach etwas Zeit, um sich zu aktualisieren.

Schritt 4: Verbindung zum Server herstellen

Verbinden Sie sich nun mit Ihrem DigitalOcean-Droplet. Auf macOS oder Linux öffnen Sie das Terminal, unter Windows können Sie PowerShell oder PuTTY verwenden. Führen Sie folgenden Befehl aus:

ssh root@IHRE_SERVER_IP

Ersetzen Sie IHRE_SERVER_IP mit der tatsächlichen IP-Adresse Ihres Droplets. Beim ersten Verbindungsversuch wird eine Sicherheitsabfrage angezeigt. Geben Sie yes ein und bestätigen Sie mit Ihrer root-Passwort oder einem zuvor eingerichteten SSH-Schlüssel.

Schritt 5: Nginx installieren und testen

Nach der Anmeldung aktualisieren Sie zunächst die Paketliste:

sudo apt update

Installieren Sie anschließend Nginx:

sudo apt install nginx -y

Überprüfen Sie den Status des Webservers:

sudo systemctl status nginx

Wenn Nginx aktiv ist, können Sie die Server-IP direkt in Ihrem Browser aufrufen. Sie sollten die Standard-Nginx-Begrüßungsseite sehen – ein Zeichen dafür, dass der Webserver korrekt funktioniert.

Schritt 6: Firewall für Nginx konfigurieren

Ubuntu nutzt häufig ufw als Firewall-Lösung. Erlauben Sie zunächst den Nginx-Traffic sowie SSH-Verbindungen, um sich nicht versehentlich auszuschließen:

sudo ufw allow 'Nginx Full'
sudo ufw allow OpenSSH

Aktivieren Sie die Firewall mit:

sudo ufw enable

Überprüfen Sie die Einstellungen:

sudo ufw status

In der Ausgabe sollten HTTP, HTTPS und SSH als erlaubte Dienste aufgeführt sein.

Schritt 7: Verzeichnis für die Website erstellen

Legen Sie ein Verzeichnis für Ihre Website an:

sudo mkdir -p /var/www/meine-projekt

Erstellen Sie eine einfache Testdatei:

sudo nano /var/www/meine-projekt/index.html

Fügen Sie folgenden Inhalt ein:

<h1>Hallo von DigitalOcean</h1>

Speichern und schließen Sie die Datei mit STRG + X, gefolgt von Y und Enter. Diese Datei dient als Bestätigung, dass Domain und Nginx korrekt eingerichtet sind.

Schritt 8: Nginx-Serverblock konfigurieren

Ein Nginx-Serverblock definiert, wie der Webserver Traffic für eine bestimmte Domain behandelt. Erstellen Sie eine neue Konfigurationsdatei:

sudo nano /etc/nginx/sites-available/meine-projekt

Fügen Sie folgenden Code ein:

server {
    listen 80;
    server_name ihre-domain.de www.ihre-domain.de;
    root /var/www/meine-projekt;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}

Ersetzen Sie ihre-domain.de mit Ihrer tatsächlichen Domain. Diese Konfiguration weist Nginx an, Dateien aus dem Verzeichnis /var/www/meine-projekt auszuliefern, wenn die Domain aufgerufen wird.

Schritt 9: Website aktivieren und Nginx neu starten

Nginx verwaltet verfügbare Konfigurationen in /etc/nginx/sites-available/, nutzt jedoch nur diejenigen, die in /etc/nginx/sites-enabled/ verlinkt sind. Erstellen Sie den Link mit:

sudo ln -s /etc/nginx/sites-available/meine-projekt /etc/nginx/sites-enabled/

Testen Sie die Konfiguration auf Syntaxfehler:

sudo nginx -t

Falls keine Fehler gemeldet werden, starten Sie Nginx neu:

sudo systemctl restart nginx

Ihre Website sollte nun unter Ihrer Domain erreichbar sein. Der nächste logische Schritt wäre die Einrichtung eines SSL-Zertifikats für HTTPS – etwa über Let’s Encrypt – um Ihre Verbindung zu sichern und das Vertrauen der Besucher zu stärken.

Der Aufbau einer eigenen Domain-Infrastruktur mag anfangs komplex wirken, doch die klare Trennung von DNS- und Webserver-Konfiguration bietet langfristig mehr Flexibilität und Kontrolle. Mit diesen Schritten haben Sie die Grundlage geschaffen, um Ihre Projekte professionell zu hosten und bei Bedarf weiter auszubauen.