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 filtern
Optionen zur schnellen Veröffentlichung
Abschnitt betitelt Optionen zur schnellen VeröffentlichungDu 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
Abschnitt betitelt Veröffentlichung via Anbieter-WebsiteEin 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):
-
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
Abschnitt betitelt Veröffentlichung via CLIManche 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:
Terminal-Fenster npm install --global netlify-cliTerminal-Fenster pnpm add --global netlify-cliTerminal-Fenster yarn global add netlify-cli -
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):
Andere Anbieter setzen voraus, dass du deine Website lokal erzeugst und über die Kommandozeile veröffentlichst.
Erzeuge deine Website lokal
Abschnitt betitelt Erzeuge deine Website lokalViele 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:
npm run buildpnpm run buildyarn run buildDie Build-Ausgabe wird standardmäßig ins Verzeichnis dist/ geschrieben. Dieses Ziel kann über die outDir-Konfigurationsoption (EN) geändert werden.