Grundlagen

Localhost und Dev Server erklärt

Konzepte2 Min. LesezeitAktualisiert 12. Juni 2026

Kurz gesagt

Localhost heisst "dieser Computer", und ein Development Server (Dev Server) ist ein Programm, das deine Website lokal laufen lässt, sodass nur du sie beim Bauen siehst. Wenn du einen Befehl wie "npm run dev" ausführst, startet er einen Dev Server und gibt eine Adresse wie localhost:3000 aus. Diese Adresse zu öffnen zeigt deine Seite, aber sie lebt nur auf deiner Maschine und niemand sonst im Internet kann sie erreichen. Genau das willst du, bevor du bereit bist, öffentlich zu gehen.

Was localhost und der Port bedeuten

Eine localhost-Adresse sieht aus wie localhost:3000. "localhost" heisst immer dein eigener Computer, und die Zahl nach dem Doppelpunkt (der Port) ist nur, an welcher Tür der Dev Server lauscht. Verschiedene Tools nutzen verschiedene Ports, also ist 3000, 5173 oder Ähnliches normal und kein Grund zur Sorge.

Warum der Dev Server besonders ist

Ein Dev Server tut mehr, als deine Seite zu zeigen. Er beobachtet deine Dateien und aktualisiert die Seite im Moment, in dem du eine Änderung speicherst, was das Web-Bauen schnell anfühlen lässt. Weil er weiterläuft und beobachtet, "endet" der Befehl nicht und gibt dich nicht an einen Prompt zurück; das ist normal, kein Hänger.

Lokal ist nicht dasselbe wie live

Eine Seite auf localhost ist nicht im Internet. Den localhost-Link mit einem Freund zu teilen, funktioniert für ihn nicht, weil die Adresse auf jeder Maschine nur "dieser Computer" bedeutet. Um deine Seite online zu stellen, deployst du sie zu einem Host wie Vercel, der dir eine echte öffentliche URL gibt, die jeder öffnen kann.

Häufige Anfänger-Verwirrungen

Ein Klassiker ist die Meldung "port already in use", die schlicht heisst, dass von vorher noch ein Dev Server läuft. Die Lösung ist, den alten zu stoppen (Ctrl und C in seinem Terminal) oder das Tool den nächsten freien Port wählen zu lassen. Eine andere ist zu erwarten, dass Änderungen ohne laufenden Dev Server erscheinen; wenn du das Terminal schliesst, stoppt die lokale Seite, was normal ist. Leute verwechseln auch den Dev Server mit dem Production Build. Der Dev Server ist auf schnelles Feedback beim Arbeiten optimiert, nicht auf echte Besucher, also wird eine Live-Seite separat gebaut und deployt. Nichts davon musst du memorieren, aber "lokal" versus "live" früh zu erkennen erspart viel Kopfzerbrechen beim ersten Mal, wenn sich etwas anders verhält als erwartet.

Häufige Fragen

Nächster Schritt

Bereit, KI als Workflow zu nutzen?

Starte mit dem Starter-Pfad, speichere deinen Fortschritt lokal und synchronisiere alles später kostenlos mit deinem Konto.