diff --git a/client/src/router/index.js b/client/src/router/index.js
index a83440c..7594860 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
 import Posts from '../views/Posts.vue'
+import Post from '../views/Post.vue'
 import QAPage from '../views/QAPage'
 
 Vue.use(VueRouter)
@@ -17,6 +18,12 @@ const routes = [
     name: "Posts",
     component: Posts,
   },
+  {
+    path: "/posts/:id",
+    name: "Post",
+    component: Post,
+    props: true,
+  },
   {
     path: "/qa",
     name: "QA",
diff --git a/client/src/views/Posts.vue b/client/src/views/Posts.vue
index 22a5468..b46ce22 100644
--- a/client/src/views/Posts.vue
+++ b/client/src/views/Posts.vue
@@ -5,7 +5,8 @@
       <div> 
         <ul>
           <li v-for="(postItem, j) in getPostItems(month)" :key="j">
-            {{ getPostItemDate(postItem) }} – {{ postItem.title }}
+            {{ getPostItemDate(postItem) }} – 
+            <a :href="/posts/ + postItem._id">{{ postItem.title }}</a>
           </li>
         </ul>
       </div>