Veröffentliche deine Astro-Website
Bist du bereit, deine Astro-Website zu erzeugen und zu veröffentlichen? Folge einer unserer Anleitungen zu den verschiedenen Hosting-Anbietern, oder scrolle weiter nach unten, um allgemeine Informationen zur Veröffentlichung einer Astro-Website zu erhalten.
Veröffentlichungs-Anleitungen
Nach Art filternOptionen zur schnellen Veröffentlichung
Du kannst eine Astro-Website bei zahlreichen Hosting-Anbietern schnell erzeugen und veröffentlichen, indem du das Dashboard auf der Anbieter-Website oder dessen Kommandozeilenwerkzeuge nutzt.
Veröffentlichung via Anbieter-Website
Ein schneller Weg zur Veröffentlichung deiner Website besteht darin, das Online-Git-Repository deines Astro-Projekts (z.B. auf GitHub, GitLab, Bitbucket) mit deinem Hosting-Anbieter zu verbinden und so von einer kontinuierlichen Veröffentlichung über Git zu profitieren.
Die Plattformen der Hosting-Anbieter erkennen dann automatisch Änderungen am Quellcode deines Astro-Projekts, erzeugen deine Website und veröffentlichen sie im Internet auf einer benutzerdefinierten URL oder deiner persönlichen Domain. Die Schritte zum Aufsetzen der Veröffentlichung auf solchen Plattformen sehen oft wie folgt aus:
-
Füge dein Repository einem Online-Git-Anbieter hinzu (z.B. GitHub, GitLab, Bitbucket).
-
Wähle einen Hosting-Anbieter aus, der Kontinuierliche Veröffentlichung unterstützt (z.B. Netlify oder Vercel), und importiere dein Git-Repository dort als neue Website/Projekt.
Viele gängigen Anbieter werden dein Projekt als Astro-Website erkennen und sollten die folgenden Konfigurationseinstellungen zum Erzeugen und Veröffentlichen deiner Astro-Website festlegen (falls nicht, können diese angepasst werden):
- Build-Befehl:
astro build
odernpm run build
- Zu veröffentlichendes Verzeichnis:
dist
- Build-Befehl:
-
Klicke auf “Veröffentlichen”, um deine neue Website auf einer einzigartigen URL des Hosting-Anbieters bereitzustellen (z.B.
new-astro-site.netlify.app
).
Der Hosting-Anbieter wird standardmäßig so konfiguriert, dass er den Haupt-Branch deines Projekts bei deinem Git-Anbieter überwacht und nach jedem neuen Commit deine Website erneut erzeugt und veröffentlicht. Die Einstellungen können normalerweise im Online-Dashboard deines Anbieters geändert werden.
Veröffentlichung via CLI
Manche Hosting-Anbieter stellen eine eigene Kommandozeilenschnittstelle (CLI) zur Verfügung, die du mit npm global auf deiner Maschine installieren kannst. Die Schritte zur Veröffentlichung via CLI sehen oft wie folgt aus:
-
Installiere die CLI deines Hosting-Anbieters global, zum Beispiel:
-
Starte die CLI und folge den Anweisungen zur Authentifizierung, Einrichtung usw.
-
Erzeuge deine Website und veröffentliche sie bei deinem Hosting-Anbieter.
Viele gängige Anbieter bauen und veröffentlichen deine Website für dich. Im Normalfall werden sie dein Projekt als Astro-Website erkennen und sollten die folgenden Konfigurationseinstellungen zum Erzeugen und Veröffentlichen festlegen (falls nicht, können diese angepasst werden):
- Build-Befehl:
astro build
odernpm run build
- Zu veröffentlichendes Verzeichnis:
dist
Andere Anbieter setzen voraus, dass du deine Website lokal erzeugst und über die Kommandozeile veröffentlichst.
- Build-Befehl:
Erzeuge deine Website lokal
Viele Anbieter wie Netlify und Vercel erzeugen deine Website für dich und veröffentlichen das Ergebnis dann im Internet. Manche Anbieter setzen aber voraus, dass du deine Website lokal selbst erzeugst und dann entweder einen Veröffentlichungs-Befehl ausführst oder die Build-Ausgabe hochlädst.
Vielleicht möchtest du deine Website auch lokal erzeugen, um sie dir als Vorschau anzusehen oder mögliche Fehler und Warnungen in deiner eigenen Umgebung zu entdecken.
Nutze den Befehl npm run build
, um deine Astro-Website zu erzeugen:
Die Build-Ausgabe wird standardmäßig ins Verzeichnis dist/
geschrieben. Dieses Ziel kann über die outDir
-Konfigurationsoption (EN) geändert werden.
Einen Adapter für SSR hinzufügen
Bevor du deine Website mit aktiviertem SSR (serverseitigem Rendern) veröffentlichst, stelle bitte Folgendes sicher:
- Du hast den geeigneten SSR-Adapter als Projektabhängigkeit installiert.
- Du hast die Konfiguration angepasst (EN) und den Adapter zu den Imports sowie dem Standard-Export deiner
astro.config.mjs
-Datei hinzugefügt.