Veröffentliche deine Website im Internet
Mach dich bereit, …
- dein GitHub-Repository als neue Netlify-App hinzuzufügen
- deine Astro-Website im Internet zu veröffentlichen
Hier wirst du dein GitHub-Repository mit Netlify verbinden. Netlify verwendet dieses Projekt, um deine Website jedes Mal automatisch zu erzeugen und zu veröffentlichen, wenn du eine Änderung an deinem Code commitest.
In diesem Tutorial verwenden wir Netlify, aber du kannst auch deinen bevorzugten Hosting-Anbieter verwenden, um deine Website im Internet zu veröffentlichen.
Erstelle eine neue Netlify-Website
Abschnitt betitelt „Erstelle eine neue Netlify-Website“-
Erstelle ein kostenloses Konto bei Netlify, falls du noch keines hast.
Notiere dir deinen Benutzernamen. Du kannst dein Dashboard und alle erstellten Websites unter
https://app.netlify.com/teams/usernameansehen. -
Klicke auf Add new project > Import an existing project.
Du wirst aufgefordert, dich mit einem Git-Anbieter zu verbinden. Wähle GitHub und folge den angezeigten Schritten, um dein GitHub-Konto zu authentifizieren. Wähle anschließend das GitHub-Repository deines Astro-Projekts aus der angezeigten Liste aus.
-
Im letzten Schritt zeigt dir Netlify die Seiteneinstellungen deiner App. Die Standardwerte sollten für dein Astro-Projekt korrekt sein. Scrolle nach unten und klicke auf Deploy site.
Herzlichen Glückwunsch – du hast jetzt eine Astro-Website!
Ändere deinen Projektnamen
Abschnitt betitelt „Ändere deinen Projektnamen“Auf der Übersichtsseite deiner Website in Netlify siehst du den automatisch generierten Projektnamen sowie deine Website-URL im Format https://projektname-123456.netlify.app. Du kannst den Projektnamen in etwas Einprägsameres ändern; die URL wird automatisch angepasst.
Besuche deine neue Website
Abschnitt betitelt „Besuche deine neue Website“Klicke in den Website-Einstellungen auf die URL oder gib sie in die Adresszeile deines Browsers ein, um deine neue Website zu besuchen.
Teste dein Wissen
Abschnitt betitelt „Teste dein Wissen“Du möchtest die Startseite deiner bestehenden Website aktualisieren. Welche Schritte führst du aus?