base setup

src/components/AstroImage.astro

@@ -0,0 +1,15 @@
+---
+import { Picture } from "@astrojs/image/components";
+
+const { src, alt, width, height, ...attrs } = Astro.props;
+---
+
+<Picture
+	src={src}
+	widths={[320, 640, 768, attrs.width]}
+	aspectRatio={`${width}:${height}`}
+	sizes={`(max-width: ${attrs.width}px) 100vw, ${attrs.width}px`}
+	formats={["avif", "webp"]}
+	alt={alt ? alt : ""}
+	{...attrs}
+/>

src/components/ContentPost.astro

@@ -0,0 +1,5 @@
+---
+const { title, url } = Astro.props;
+---
+
+<a href={url}>{title}</a>

src/components/Header.astro

@@ -0,0 +1,7 @@
+---
+import Navigation from '../components/Navigation.astro';
+---
+
+<header role="banner">
+	<Navigation />
+</header>

src/components/Navigation.astro

@@ -0,0 +1,10 @@
+---
+
+---
+<nav role="navigation" aria-label="Navigation principale">
+	<ul>
+		<li><a href="/">Accueil</a></li>
+		<li><a href="/articles/">Articles</a></li>
+		<li><a href="/tags/">Catégories</a></li>
+	</ul>
+</nav>