Zurück zum Blog Erste Schritte mit Astro
von Tobias Hanifl

Erste Schritte mit Astro

So denkst du eine einfache Astro Seite in Komponenten, Layout und Inhalt.

AstroEinstieg

Wenn du mit Astro startest, ist eine gute erste Frage: Was gehört in die Struktur und was gehört in den Inhalt?

Genau dafür ist diese Aufteilung praktisch:

  • Das Layout kümmert sich um den Rahmen der Seite
  • Die Komponente kümmert sich um wiederverwendbare Bausteine
  • Die Markdown-Datei kümmert sich um den eigentlichen Text

Warum ist das hilfreich?

Wenn du später neue Artikel schreiben willst, musst du nicht jedes Mal HTML zusammensetzen. Du legst einfach eine neue Markdown-Datei an, schreibst oben die Metadaten hinein und darunter deinen Text.

Woran erkennst du die Metadaten?

Ganz oben in der Datei steht das Frontmatter zwischen --- und ---.

Dort definierst du zum Beispiel:

  • title
  • excerpt
  • date
  • categories
  • image

Diese Werte kann Astro dann in der Blogübersicht und auf der Artikelseite verwenden.