heroku.mdx

title	Veröffentliche deine Astro-Website auf Heroku
description	Wie du deine Astro-Website auf Heroku im Internet veröffentlichst.
sidebar	label Heroku
type	deploy
logo	heroku
supports	static
i18nReady	true

import { Steps } from '@astrojs/starlight/components';

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

:::caution Die folgenden Anweisungen nutzen das veraltete heroku-static-buildpack. Schau dir stattdessen die Heroku-Dokumentation zur Verwendung von heroku-buildpack-nginx an. :::

Vorgehensweise der Bereitstellung

1. Installiere die Kommandozeilen­schnittstelle [Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli).

2. Erstelle ein Heroku-Konto, indem du dich anmeldest.

3. Führe heroku login aus und gib deine Heroku-Anmeldedaten ein:

   $ heroku login

4. Erstelle im Stammverzeichnis deines Projekts eine Datei namens static.json mit dem folgenden Inhalt:

   {
     "root": "./dist"
   }

   Dies ist die Konfiguration deiner Website; mehr dazu findest du unter heroku-buildpack-static.

5. Richte deine Heroku Git remote ein:

   # Versionsnummer aktualisieren
   $ git init
   $ git add .
   $ git commit -m "Meine Website ist bereit für die Veröffentlichung."
   
   # Eine neue App mit einem bestimmten Namen erstellen
   $ heroku apps:create example
   
   # Buildpack für statische Websites einstellen
   $ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git

6. Veröffentliche deine Website:

   # Website veröffentlichen
   $ git push heroku master
   
   # Browser öffnen, um die Dashboard-Version von Heroku CI anzuzeigen
   $ heroku open