Schreibe deine erste Zeile Astro

Mach dich bereit, …

deine erste Änderung an deiner neuen Website vorzunehmen

Bearbeite deine Startseite

Navigiere in deinem Code-Editor im Datei-Explorer zu src/pages/index.astro und klicke darauf, um den Inhalt der Datei in einem bearbeitbaren Tab zu öffnen.

Der Inhalt deiner Datei index.astro sollte so aussehen:

---
---

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width" />
    <meta name="generator" content={Astro.generator} >
    <title>Astro</title>
  </head>
  <body>
    <h1>Astro</h1>
  </body>
</html>

Bearbeite den Inhalt deines <body>-Elements.

Tippe im Editor, um die Überschrift auf deiner Seite zu ändern, und speichere die Änderung.
src/pages/index.astro
```
<body>
  <h1>Astro</h1>
  <h1>Meine Astro-Website</h1>
</body>
```
Überprüfe die Browser-Vorschau – du solltest sehen, dass sich der Seiteninhalt auf den neuen Text aktualisiert hat.

Herzlichen Glückwunsch! Du bist jetzt Astro-Entwickler! 🎉

Der Rest dieser Lektion hilft dir, Versionskontrolle einzurichten und eine veröffentlichte Website zu erstellen, die du mit anderen teilen kannst.

Checkliste

Ich kann Änderungen vornehmen und sie im Browser sehen.
Ich bin Astro-Entwickler!

Wirke mit Community Sponsor