Zum Inhalt springen

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.

Optionen zur schnellen Veröffentlichung

Abschnitt betitelt Optionen 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

Abschnitt betitelt 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:

  1. Füge dein Repository einem Online-Git-Anbieter hinzu (z.B. GitHub, GitLab, Bitbucket).

  2. 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):

  3. 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.

Manche Hosting-Anbieter stellen eine eigene Kommandozeilen­schnittstelle (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:

  1. Installiere die CLI deines Hosting-Anbieters global, zum Beispiel:

    Terminal-Fenster
    npm install --global netlify-cli
  2. Starte die CLI und folge den Anweisungen zur Authentifizierung, Einrichtung usw.

  3. 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.

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:

Terminal-Fenster
npm run build

Die Build-Ausgabe wird standardmäßig ins Verzeichnis dist/ geschrieben. Dieses Ziel kann über die outDir-Konfigurationsoption geändert werden.