diff --git a/package-lock.json b/package-lock.json
index eeaa19a9..a0092a55 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "hast-util-heading-rank": "^2.1.0",
         "junk": "^4.0.0",
         "preact": "^10.7.3",
-        "rehype-img-size": "^1.0.1",
+        "rehype-img-size": "github:unicorn-utterances/rehype-img-size#relative-path-full",
         "rehype-slug-custom-id": "^1.1.0",
         "rehype-stringify": "^9.0.3",
         "remark-behead": "^3.1.0",
@@ -21249,9 +21249,9 @@
       }
     },
     "node_modules/rehype-img-size": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rehype-img-size/-/rehype-img-size-1.0.1.tgz",
-      "integrity": "sha512-+rLkxF2H3mQULAg3iA2Z2spJQlBcCpApG8sHC47bc0p33ol+ddz+O3gyUcTgk5xX5jGaj1oQOBs/cBy8nIIhoQ==",
+      "version": "0.0.1",
+      "resolved": "git+ssh://git@github.com/unicorn-utterances/rehype-img-size.git#6868057d15abaa94c0240b2d1d62b4f159d3024a",
+      "license": "MIT",
       "dependencies": {
         "image-size": "^1.0.0",
         "unist-util-visit": "^4.1.0"
@@ -41225,9 +41225,8 @@
       }
     },
     "rehype-img-size": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/rehype-img-size/-/rehype-img-size-1.0.1.tgz",
-      "integrity": "sha512-+rLkxF2H3mQULAg3iA2Z2spJQlBcCpApG8sHC47bc0p33ol+ddz+O3gyUcTgk5xX5jGaj1oQOBs/cBy8nIIhoQ==",
+      "version": "git+ssh://git@github.com/unicorn-utterances/rehype-img-size.git#6868057d15abaa94c0240b2d1d62b4f159d3024a",
+      "from": "rehype-img-size@github:unicorn-utterances/rehype-img-size#relative-path-full",
       "requires": {
         "image-size": "^1.0.0",
         "unist-util-visit": "^4.1.0"
diff --git a/package.json b/package.json
index 912a2469..530ad4d2 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
     "hast-util-heading-rank": "^2.1.0",
     "junk": "^4.0.0",
     "preact": "^10.7.3",
-    "rehype-img-size": "^1.0.1",
+    "rehype-img-size": "github:unicorn-utterances/rehype-img-size#relative-path-full",
     "rehype-slug-custom-id": "^1.1.0",
     "rehype-stringify": "^9.0.3",
     "remark-behead": "^3.1.0",
diff --git a/src/components/BlogPostPreview.astro b/src/components/BlogPostPreview.astro
index f935ff8b..f2bdef21 100644
--- a/src/components/BlogPostPreview.astro
+++ b/src/components/BlogPostPreview.astro
@@ -1,18 +1,20 @@
 ---
+import { ListViewPosts } from "utils/fs/api";
+
 export interface Props {
-	post: any;
+	post: ListViewPosts[number];
 }
 
-const { post } = Astro.props;
+const { post } = Astro.props as Props;
 ---
 
 <article class="post-preview">
 	<header>
-		<p class="publish-date">{post.frontmatter.publishDate}</p>
-		<a href={post.url}><h1 class="title">{post.frontmatter.title}</h1></a>
+		<p class="publish-date">{post.published}</p>
+		<a href={post.slug}><h1 class="title">{post.title}</h1></a>
 	</header>
-	<p>{post.frontmatter.description}</p>
-	<a href={post.url}>Read more</a>
+	<p>{post.description}</p>
+	<a href={post.slug}>Read more</a>
 </article>
 
 <style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1e126453..edb2e4c9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,28 +3,13 @@
 import BaseHead from '../components/BaseHead.astro';
 import BlogHeader from '../components/BlogHeader.astro';
 import BlogPostPreview from '../components/BlogPostPreview.astro';
+import { getAllPostsForListView } from "utils/fs/api";
 
-// Component Script:
-// You can write any JavaScript/TypeScript that you'd like here.
-// It will run during the build, but never in the browser.
-// All variables are available to use in the HTML template below.
-let title = 'Example Blog';
-let description = 'The perfect starter for your perfect blog.';
-let permalink = 'https://example.com/';
-
-// Data Fetching: List all Markdown posts in the repo.
-
-let allPosts = await Astro.glob('./posts/*.md');
-allPosts = allPosts.sort((a, b) => new Date(b.frontmatter.publishDate).valueOf() - new Date(a.frontmatter.publishDate).valueOf());
-
-// Full Astro Component Syntax:
-// https://docs.astro.build/core-concepts/astro-components/
+const posts = getAllPostsForListView();
 ---
 
 <html lang="en">
 	<head>
-		<BaseHead {title} {description} {permalink} />
-
 		<style>
 			header {
 				width: 100%;
@@ -65,12 +50,8 @@ allPosts = allPosts.sort((a, b) => new Date(b.frontmatter.publishDate).valueOf()
 		<BlogHeader />
 		<div class="wrapper">
 			<main class="content">
-				<section class="intro">
-					<h1 class="latest">{title}</h1>
-					<p>{description}</p>
-				</section>
 				<section aria-label="Blog post list">
-					{allPosts.map((p) => <BlogPostPreview post={p} />)}
+					{posts.map((p) => <BlogPostPreview post={p} />)}
 				</section>
 			</main>
 		</div>
diff --git a/src/utils/fs/get-datas.ts b/src/utils/fs/get-datas.ts
index ffabece1..1fc0c4cc 100644
--- a/src/utils/fs/get-datas.ts
+++ b/src/utils/fs/get-datas.ts
@@ -1,5 +1,5 @@
 import { LicenseInfo, PronounInfo, RolesEnum, UnicornInfo } from "types/index";
-import fs from "fs";
+import * as fs from "fs";
 import { join } from "path";
 import { getImageSize } from "rehype-img-size";
 import { getFullRelativePath } from "utils/url-paths";
diff --git a/src/utils/fs/markdown-api.ts b/src/utils/fs/markdown-api.ts
index c42d99f4..276f91a7 100644
--- a/src/utils/fs/markdown-api.ts
+++ b/src/utils/fs/markdown-api.ts
@@ -4,7 +4,7 @@ import {
   pickDeep,
   PickDeep,
 } from "ts-util-helpers";
-import fs from "fs";
+import * as fs from "fs";
 import matter from "gray-matter";
 import { countContent } from "utils/count-words";
 
diff --git a/src/utils/fs/posts-and-collections-api.ts b/src/utils/fs/posts-and-collections-api.ts
index b004116a..234f45e7 100644
--- a/src/utils/fs/posts-and-collections-api.ts
+++ b/src/utils/fs/posts-and-collections-api.ts
@@ -1,5 +1,5 @@
-import fs from "fs";
-import path from "path";
+import * as fs from "fs";
+import * as path from "path";
 import {
   collectionsDirectory,
   postsDirectory,
diff --git a/tsconfig.json b/tsconfig.json
index 3478086d..df901561 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,17 +9,20 @@
     "resolveJsonModule": true,
     // Enable stricter transpilation for better output.
     "isolatedModules": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
     // Add type definitions for our Vite runtime.
-    "types": ["vite/client", "node"],
+    "types": ["node", "vite/client"],
+    "baseUrl": ".",
     "paths": {
-      "constants/*": ["src/constants/*"],
-      "uu-constants": ["src/constants"],
-      "types/*": ["src/types/*"],
-      "uu-types": ["src/types"],
-      "components/*": ["src/components/*"],
-      "utils/*": ["src/utils/*"],
-      "uu-utils": ["src/utils"],
-      "assets/*": ["src/assets/*"],
+      "constants/*": ["./src/constants/*"],
+      "uu-constants": ["./src/constants"],
+      "types/*": ["./src/types/*"],
+      "uu-types": ["./src/types"],
+      "components/*": ["./src/components/*"],
+      "utils/*": ["./src/utils/*"],
+      "uu-utils": ["./src/utils"],
+      "assets/*": ["./src/assets/*"],
     }
   }
 }