diff --git a/src/components/Header.astro b/src/components/Header.astro
index 7e73823..4b4b95a 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -19,6 +19,9 @@ const isEnglish = Astro.currentLocale === "en";
 
     <nav>
         <ul>
+            <li>
+                <a class="hoverable" href="/blog">Blog</a>
+            </li>
             <li>
                 <a class="hoverable" href="/imprint">Imprint</a>
             </li>
diff --git a/src/content.config.ts b/src/content.config.ts
new file mode 100644
index 0000000..76db1d4
--- /dev/null
+++ b/src/content.config.ts
@@ -0,0 +1,13 @@
+// 1. Import utilities from `astro:content`
+import { defineCollection, z } from 'astro:content';
+
+// 2. Import loader(s)
+import { glob, file } from 'astro/loaders';
+
+// 3. Define your collection(s)
+const blog = defineCollection({
+    loader: glob({ pattern: "**/*.md", base: "./src/data/blog" }),
+});
+
+// 4. Export a single `collections` object to register your collection(s)
+export const collections = { blog };
\ No newline at end of file
diff --git a/src/data/blog/1- b/src/data/blog/1-
new file mode 100644
index 0000000..e69de29
diff --git a/src/layouts/Layout.astro b/src/layouts/BaseLayout.astro
similarity index 79%
rename from src/layouts/Layout.astro
rename to src/layouts/BaseLayout.astro
index 35f79d9..4fa3001 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -2,9 +2,12 @@
 import Cursor from "../components/Cursor.astro";
 import GlobalStyles from "../components/GlobalStyles.astro";
 import Header from "../components/Header.astro";
-import Logo from "../assets/ci/icon-only.svg";
 
-const { title } = Astro.props;
+const { pageTitle } = Astro.props;
+const isDev = import.meta.env.DEV;
+const title = pageTitle
+	? `${pageTitle} | Tideshift Digital`
+	: "Tideshift Digital - Building The Web On Your Terms";
 ---
 
 <!doctype html>
@@ -15,7 +18,7 @@ const { title } = Astro.props;
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
 		<title>
-			Tideshift Digital - {title || "Building The Web On Your Terms"}
+			{title}
 		</title>
 		<meta
 			name="description"
@@ -28,11 +31,7 @@ const { title } = Astro.props;
 		<meta name="author" content="Michael Rieger" />
 		<meta name="application-name" content="Tideshift Digital" />
 		<link rel="canonical" href="https://tideshiftdigital.com/" />
-		<meta
-			property="og:title"
-			content={"Tideshift Digital - " + title ||
-				"Building The Web On Your Terms"}
-		/>
+		<meta property="og:title" content={title} />
 		<meta
 			property="og:description"
 			content="From concept to launch — websites, apps, and digital solutions that work hard, so you can play hard. Based in Vienna, we turn ideas into live products."
@@ -42,22 +41,23 @@ const { title } = Astro.props;
 		<meta property="og:image" content="/assets/img/og-image.jpg" />
 		<meta property="og:site_name" content="Tideshift Digital" />
 		<meta name="twitter:card" content="summary_large_image" />
-		<meta
-			name="twitter:title"
-			content={"Tideshift Digital - " + title ||
-				"Building The Web On Your Terms"}
-		/>
+		<meta name="twitter:title" content={title} />
 		<meta
 			name="twitter:description"
 			content="From concept to launch — websites, apps, and digital solutions that work hard, so you can play hard. Based in Vienna."
 		/>
 		<meta name="twitter:image" content="/assets/img/og-image.jpg" />
 
-		<script
-			is:inline
-			defer
-			src="https://analytics.tideshiftdigital.com/script.js"
-			data-website-id="00c032c0-8fd5-436c-a210-9df51c071c7b"></script>
+		{
+			!isDev ? (
+				<script
+					is:inline
+					defer
+					src="https://analytics.tideshiftdigital.com/script.js"
+					data-website-id="00c032c0-8fd5-436c-a210-9df51c071c7b"
+				/>
+			) : null
+		}
 	</head>
 	<body>
 		<GlobalStyles />
diff --git a/src/layouts/ErrorLayout.astro b/src/layouts/ErrorLayout.astro
new file mode 100644
index 0000000..92f620f
--- /dev/null
+++ b/src/layouts/ErrorLayout.astro
@@ -0,0 +1,44 @@
+---
+import Cursor from "../components/Cursor.astro";
+import GlobalStyles from "../components/GlobalStyles.astro";
+
+const isDev = import.meta.env.DEV;
+---
+
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <meta name="generator" content={Astro.generator} />
+        <title>Oops, this is weird</title>
+        <meta name="author" content="Michael Rieger" />
+        <meta name="application-name" content="Tideshift Digital" />
+        <link rel="canonical" href="https://tideshiftdigital.com/" />
+        {
+            !isDev ? (
+                <script
+                    is:inline
+                    defer
+                    src="https://analytics.tideshiftdigital.com/script.js"
+                    data-website-id="00c032c0-8fd5-436c-a210-9df51c071c7b"
+                />
+            ) : null
+        }
+    </head>
+    <body>
+        <GlobalStyles />
+
+        <slot />
+
+        <Cursor />
+    </body>
+</html>
+
+<style>
+    body {
+        width: 100%;
+        height: 100dvh;
+    }
+</style>
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
new file mode 100644
index 0000000..f3d2348
--- /dev/null
+++ b/src/layouts/PostLayout.astro
@@ -0,0 +1,8 @@
+---
+const { frontmatter } = Astro.props;
+---
+
+<meta charset="utf-8" />
+<h1>{frontmatter.title}</h1>
+<p>Written by {frontmatter.author}</p>
+<slot />
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..6e454f3
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,35 @@
+---
+import ErrorLayout from "../layouts/ErrorLayout.astro";
+---
+
+<ErrorLayout pageTitle="Building The Web On Your Terms">
+    <div class="error">
+        <p class="number">404</p>
+        <h1 class="title">Page not found</h1>
+        <p class="description">Seems like you got lost in the waves</p>
+        <a href="/">Back to home</a>
+    </div>
+</ErrorLayout>
+
+<style>
+    .error {
+        display: flex;
+
+        width: 100%;
+        height: 100%;
+
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .number {
+        font-size: clamp(3rem, 20vw + 2rem, 12rem);
+        line-height: 1;
+        font-weight: bold;
+        color: var(--clr-ts-warm-red);
+    }
+
+    .title {
+    }
+</style>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
new file mode 100644
index 0000000..53ec016
--- /dev/null
+++ b/src/pages/blog.astro
@@ -0,0 +1,20 @@
+---
+import BaseLayout from "../layouts/BaseLayout.astro";
+const allPosts = Object.values(
+  import.meta.glob("./posts/*.md", { eager: true }),
+);
+const pageTitle = "My Astro Learning Blog";
+---
+
+<BaseLayout pageTitle={pageTitle}>
+  <p>This is where I will post about my journey learning Astro.</p>
+  <ul>
+    {
+      allPosts.map((post: any) => (
+        <li>
+          <a href={post.url}>{post.frontmatter.title}</a>
+        </li>
+      ))
+    }
+  </ul>
+</BaseLayout>
diff --git a/src/pages/imprint.astro b/src/pages/imprint.astro
index 7b7a8bd..12a9eec 100644
--- a/src/pages/imprint.astro
+++ b/src/pages/imprint.astro
@@ -1,8 +1,8 @@
 ---
-import Layout from "../layouts/Layout.astro";
+import BaseLayout from "../layouts/BaseLayout.astro";
 ---
 
-<Layout title="Imprint">
+<BaseLayout pageTitle="Imprint">
     <main class="imprint">
         <h1>Imprint</h1>
 
@@ -28,7 +28,7 @@ import Layout from "../layouts/Layout.astro";
             <p>E-Mail: office@tideshiftdigital.com</p>
         </div>
     </main>
-</Layout>
+</BaseLayout>
 
 <style scoped>
     h1 {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1e96535..8b0cadc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,8 @@
 ---
 import Hero from "../components/Hero.astro";
-import Layout from "../layouts/Layout.astro";
+import BaseLayout from "../layouts/BaseLayout.astro";
 ---
 
-<Layout title="Building The Web On Your Terms">
+<BaseLayout pageTitle="Building The Web On Your Terms">
 	<Hero />
-</Layout>
+</BaseLayout>
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro
index d9df661..c3732a6 100644
--- a/src/pages/privacy.astro
+++ b/src/pages/privacy.astro
@@ -1,8 +1,8 @@
 ---
-import Layout from "../layouts/Layout.astro";
+import BaseLayout from "../layouts/BaseLayout.astro";
 ---
 
-<Layout title="Privacy Policy">
+<BaseLayout pageTitle="Privacy Policy">
     <main class="content">
         <h1>Privacy Policy</h1>
 
@@ -81,7 +81,7 @@ import Layout from "../layouts/Layout.astro";
             </p>
         </div>
     </main>
-</Layout>
+</BaseLayout>
 
 <style>
     * + * {
