diff --git a/frontend/components/PostPreview.vue b/frontend/components/PostPreview.vue
index ec9cd77..39c9b90 100644
--- a/frontend/components/PostPreview.vue
+++ b/frontend/components/PostPreview.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <h2>{{ post.title }}</h2>
+    <router-link :to="`/post/${ post.id }`">
+      <h2>{{ post.title }}</h2>
+    </router-link>
+
     <p><span>{{ post.date }}</span> by <span>{{ post.author }}</span></p>
 
     <img v-if="post.thumbnail" :src="post.thumbnail" />
diff --git a/frontend/pages/LandingPage.vue b/frontend/pages/LandingPage.vue
index 6202528..9ebd286 100644
--- a/frontend/pages/LandingPage.vue
+++ b/frontend/pages/LandingPage.vue
@@ -12,12 +12,14 @@ export default {
   data() {
     return {
       posts: [{
+        id: 1,
         title: "Welcome to Kevin's lab!",
         date: new Date(),
         author: "Kevin",
         description: "Welcome to the technical ramblings that go on in my brain. I will post information about my homelab, projects I undergo and tutorials as I find similar blogs on the internet very inspiring and informational; I can only hope that the same comes across here."
       },
       {
+        id: 2,
         title: "Building (another) NAS.",
         date: new Date(),
         author: "Kevin",