diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 35670c5..96a7eef 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import NewsCard from '$lib/posts/NewsCard.svelte';
-import ShowcaseNewsCard from '$lib/posts/ShowcaseNewsCard.svelte';
+    import ShowcaseNewsCard from '$lib/posts/ShowcaseNewsCard.svelte';
 
     export let data; // <- contains post data
 </script>
diff --git a/src/routes/post/+page.svelte b/src/routes/post/+page.svelte
index a9af215..0aa31c3 100644
--- a/src/routes/post/+page.svelte
+++ b/src/routes/post/+page.svelte
@@ -1,6 +1,12 @@
+<script>
+    import NewsCard from '$lib/posts/NewsCard.svelte';
+
+    export let data; // <- contains post data
+</script>
+
 <h1>All posts on deprived.dev!</h1>
 <ul>
-    {#each posts_data.summaries as summary}
-        <li><a href="/post/{summary.url}">{summary.title}</a></li>
+    {#each data.summaries as summary}
+        <NewsCard post_url={summary.url} title={summary.title} summary={summary.summary} creation_date={summary.creation_date} />
     {/each}
 </ul>