|
| 1 | +--- |
| 2 | +title: Veröffentliche deine Astro-Website auf Heroku |
| 3 | +description: Wie du deine Astro-Website auf Heroku im Internet veröffentlichst. |
| 4 | +sidebar: |
| 5 | + label: Heroku |
| 6 | +type: deploy |
| 7 | +i18nReady: true |
| 8 | +--- |
| 9 | + |
| 10 | +import { Steps } from '@astrojs/starlight/components'; |
| 11 | + |
| 12 | +[Heroku](https://www.heroku.com/) ist eine Platform-as-a-Service für die Erstellung, den Betrieb und die Verwaltung moderner Apps in der Cloud. Mit dieser Anleitung kannst du eine Astro-Website auf Heroku veröffentlichen. |
| 13 | + |
| 14 | +:::danger |
| 15 | +Die folgenden Anweisungen nutzen [das veraltete `heroku-static-buildpack`](https://github.com/heroku/heroku-buildpack-static#warning-heroku-buildpack-static-is-deprecated). |
| 16 | +Schau dir stattdessen die [Heroku-Dokumentation zur Verwendung von `heroku-buildpack-nginx`](https://github.com/dokku/heroku-buildpack-nginx) an. |
| 17 | +::: |
| 18 | + |
| 19 | +## So funktioniert die Veröffentlichung |
| 20 | + |
| 21 | +<Steps> |
| 22 | + |
| 23 | +1. Installiere die Kommandozeilen­schnittstelle [Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli). |
| 24 | + |
| 25 | +2. Erstelle ein Heroku-Konto, indem du dich [anmeldest](https://signup.heroku.com/). |
| 26 | + |
| 27 | +3. Führe `heroku login` aus und gib deine Heroku-Anmeldedaten ein: |
| 28 | + |
| 29 | + ```bash |
| 30 | + $ heroku login |
| 31 | + ``` |
| 32 | + |
| 33 | +4. Erstelle im Stammverzeichnis deines Projekts eine Datei namens `static.json` mit dem folgenden Inhalt: |
| 34 | + |
| 35 | + ```json title="static.json" |
| 36 | + { |
| 37 | + "root": "./dist" |
| 38 | + } |
| 39 | + ``` |
| 40 | + |
| 41 | + Dies ist die Konfiguration deiner Website; mehr dazu findest du unter [heroku-buildpack-static](https://github.com/heroku/heroku-buildpack-static). |
| 42 | + |
| 43 | +5. Richte deine Heroku Git remote ein: |
| 44 | + |
| 45 | + ```bash |
| 46 | + # Versionsnummer aktualisieren |
| 47 | + $ git init |
| 48 | + $ git add . |
| 49 | + $ git commit -m "Meine Website ist bereit für die Veröffentlichung." |
| 50 | + |
| 51 | + # Eine neue App mit einem bestimmten Namen erstellen |
| 52 | + $ heroku apps:create example |
| 53 | + |
| 54 | + # Buildpack für statische Websites einstellen |
| 55 | + $ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git |
| 56 | + ``` |
| 57 | + |
| 58 | +6. Veröffentliche deine Website: |
| 59 | + |
| 60 | + ```bash |
| 61 | + # Website veröffentlichen |
| 62 | + $ git push heroku master |
| 63 | + |
| 64 | + # Browser öffnen, um die Dashboard-Version von Heroku CI anzuzeigen |
| 65 | + $ heroku open |
| 66 | + ``` |
| 67 | + |
| 68 | +</Steps> |
0 commit comments