Du kannst deinen lokalen Dev-Server mit jedem im Internet teilen, indem du ihn über eine öffentliche HTTPS-URL freigibst. Ein localhost-Tunnel verwandelt deine laufende Arbeit in Sekunden in einen Live-Vorschau-Link — kein Staging-Deploy, kein VPN und kein Screen-Sharing nötig.
Warum localhost teilen statt nach Staging deployen?
Staging-Deploys funktionieren für finale Integrationschecks, sind aber langsam für die tägliche Zusammenarbeit. Wenn eine Designerin einen UI-Tweak prüfen muss, ein PM einen neuen Flow testen will oder ein Kunde nach einer Demo fragt, fügt das Warten auf CI/CD-Pipelines unnötige Reibung hinzu.
Localhost-Tunneling gibt dir sofortige Feedback-Schleifen: Code lokal ändern, die geteilte URL aktualisieren, und Kollaborateure sehen das Update sofort.
Wer profitiert von geteilten lokalen Vorschauen?
- Designer:innen: responsive Layouts und Interaktionen auf echten URLs prüfen.
- Product Manager: Feature-Flows vor dem Code-Review-Merge validieren.
- QA-Engineers: Edge-Cases auf der exakten Branch des Entwicklers testen.
- Kunden und Stakeholder: Work-in-Progress sehen, ohne auf deine interne Infrastruktur zuzugreifen.
- Remote-Kolleg:innen: über Zeitzonen hinweg zusammenarbeiten ohne geteilten VPN-Zugang.
Wie du deinen lokalen Dev-Server in einem Befehl teilst
- Starte deine Anwendung lokal (zum Beispiel auf Port 3000).
- Führe
npx portpreview 3000aus, um eine öffentliche HTTPS-URL zu erstellen. - Kopiere die URL und schicke sie deinem Kollaborateur per Slack, E-Mail oder deinem Projekt-Tool.
- Sie öffnen den Link in jedem Browser — keine spezielle Software nötig.
- Halte den Tunnel laufend, solange die Review-Session aktiv ist, und stoppe ihn dann.
Best Practices für das Teilen lokaler Vorschauen
Nutze Testdaten, nicht Produktion
Geteilte Vorschauen sollten Sandbox-Credentials und anonymisierte Testdaten nutzen. Exponiere niemals Produktionsdatenbanken oder echte Kundeninformationen über einen Entwicklungs-Tunnel.
Setze Erwartungen zur Uptime
Tunnel-URLs sind nur aktiv, solange deine CLI-Session läuft. Sag Kollaborateuren, dass der Link abläuft, wenn du deinen Laptop schließt oder den Tunnel stoppst.
Teste auf echten Geräten
Geteilte URLs funktionieren auch auf Smartphones und Tablets. Für mobil-spezifische Reviews siehe unseren Leitfaden zu Mobile-Testing mit einem localhost-Tunnel.
Schütze sensible Features
Wenn deine Vorschau Admin-Panels oder unveröffentlichte Features enthält, füge Basic Auth oder Feature Flags hinzu, statt eine ungeschützte Tunnel-URL breit zu teilen.
Lokale Vorschau vs. Staging vs. Screen-Sharing
- Screen-Sharing: schnell, aber passiv — Reviewer können nicht eigenständig interagieren.
- Staging-Deploy: realistische Umgebung, aber langsame Iteration (Minuten bis Stunden).
- Localhost-Tunnel: sofort, interaktiv und an deine aktuelle Branch gebunden.
Häufige Anwendungsfälle
Design-Review-Sessions, Sprint-Demos, Kunden-Walkthroughs, OAuth-Flow-Testing mit externen Anbietern und Cross-Browser-QA profitieren alle von einer teilbaren lokalen URL. Für OAuth-spezifisches Setup lies wie man OAuth-Callbacks lokal testet.
Starte PortPreview kostenlos, um lokale Vorschauen mit eingebauter Request-Sichtbarkeit zu teilen.
