blog/src/layouts/BlogPostLayout.astro

@@ -7,14 +7,13 @@ import { formatLocalizedDateString } from "../lib/formatDate";
 import type { PostData } from "../content.config";
 
 interface Props {
-  postData: PostData;
+  frontmatter: PostData;
 }
 
-const { postData } = Astro.props;
+const { frontmatter } = Astro.props;
-
-const titleImg = findImageByPath(postData.image.path);
-const localeDate = formatLocalizedDateString(postData.date);
 
+const titleImg = findImageByPath(frontmatter.image.path);
+const localeDate = formatLocalizedDateString(frontmatter.date);
 ---
 
 <Main>
@@ -22,12 +21,12 @@ const localeDate = formatLocalizedDateString(postData.date);
     <Image
       id="titleImg"
       src={titleImg}
-      alt={postData.image.alt}
+      alt={frontmatter.image.alt}
       class="rounded"
     />
-    <h1 class="headline">{postData.title}</h1>
+    <h1 class="headline">{frontmatter.title}</h1>
     <div class="bottom-info">
-      <span>Autor: {postData.author}</span>
+      <span>Autor: {frontmatter.author}</span>
       <span>{localeDate}</span>
     </div>
     <slot />

blog/src/pages/blog/1_Under_Construction.md

@@ -1,4 +1,5 @@
 ---
+layout: ../../layouts/BlogPostLayout.astro
 title: Under Construction
 subtitle: Wir bauen für Sie
 description: Bald könnt ihr hier unsere ersten Abenteuer mitverfolgen. Und keine Sorge...an der Webseite wird auch noch gearbeitet!
@@ -6,7 +7,7 @@ image:
     path: construction.png
     alt: Under Construction
 author: Tim
-date: 2026-07-10
+date: '2026-07-10'
 slug: Under-Construction
 time2read: 1
 ---

blog/src/pages/blog/2_Ostseeurlaub.md

@@ -1,4 +1,5 @@
 ---
+layout: ../../layouts/BlogPostLayout.astro
 title: Ostseeurlaub
 subtitle: Finden wir ein Boot? Suchen wir überhaupt oder faulenzen wir nur?
 description: Ostseeurlaub bedeutet für mich ganz viele Kindheitserinnerungen. Besonders diese Woche war vollgepackt davon. Hier meine Reiseempfehlung...
@@ -6,7 +7,7 @@ image:
     path: ostsee.webp
     alt: Chiara und Tim vor einem Strand
 author: Tim
-date: 2026-08-20
+date: '2026-08-20'
 slug: Ostseeurlaub
 time2read: 6
 ---

blog/src/pages/blog/3_Matrei.md

@@ -1,4 +1,5 @@
 ---
+layout: ../../layouts/BlogPostLayout.astro
 title: Luxusurlaub in den Bergen - Hike & Bike im Wipptal
 subtitle: Das ist jetzt also unser Leben. Luxushotels, 3-Gänge-Menüs und die schönsten Umgebungen.
 description: Was könnte ein besser Kontrast zum Zelturlaub an der Ostsee sein, als eine Woche in einem luxuriösen Hotel, mitten in den Alpen? Und wenn ihr jetzt denkt, dass wir unsere Abfindung verschleudern...das ganze hat uns nur 80€ p.P. gekostet ;). Wie das funktioniert erfahrt ihr im Artikel.
@@ -6,7 +7,7 @@ image:
     path: titelbild_matrei.webp
     alt: Chiara und Tim in der nähe der Bergeralm mit tollen Bergen im Hintergrund.
 author: Tim
-date: 2026-08-29
+date: '2026-08-29'
 slug: Luxusurlaub-in-Matrei
 time2read: 14
 ---
@@ -19,7 +20,7 @@ Wie das funktioniert erfahrt ihr im Artikel.
 
 ---
 
->**TL;DR (Lesezeit: 10 sek)** </br>
+>**TL:DR (Lesezeit: 10 sek)** </br>
 Chiara meint ich soll eine Kurzfassung anbieten, weil der Artikel so lang ist...</br>
 Na bitte:
 Schöne Woche, jederzeit wieder. </br>

blog/src/pages/blog/[slug].astro

@@ -3,7 +3,7 @@ import { getCollection, render } from "astro:content";
 import BlogPostLayout from "../../layouts/BlogPostLayout.astro";
 
 export async function getStaticPaths() {
-    const posts = await getCollection('posts');
+    const posts = await getCollection("posts");
 
     return posts.map((post) => ({
         params: {
@@ -19,6 +19,6 @@ const { post } = Astro.props;
 const { Content } = await render(post);
 ---
 
-<BlogPostLayout postData={post.data}>
+<BlogPostLayout frontmatter={post.data}>
     <Content />
 </BlogPostLayout>