diff --git a/src/App.vue b/src/App.vue
index 440354e7..903c5bbb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,5 @@
 <template>
   <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
     <router-view />
   </div>
 </template>
diff --git a/src/router.js b/src/router.js
index 19d3ccde..19e9e7e9 100644
--- a/src/router.js
+++ b/src/router.js
@@ -1,6 +1,7 @@
 import Vue from "vue";
 import Router from "vue-router";
-import Home from "./views/Home.vue";
+import Layout from "./views/layout/Layout";
+import DashBoard from "./views/dashboard/Dashboard";
 
 Vue.use(Router);
 
@@ -8,17 +9,20 @@ export default new Router({
   routes: [
     {
       path: "/",
-      name: "home",
-      component: Home
-    },
-    {
-      path: "/about",
-      name: "about",
-      // route level code-splitting
-      // this generates a separate chunk (about.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () =>
-        import(/* webpackChunkName: "about" */ "./views/About.vue")
+      name: "layout",
+      component: Layout,
+      children: [
+        {
+          path: "dashboard",
+          name: "dashboard",
+          component: DashBoard
+        },
+        {
+          path: "posts",
+          name: "posts-list",
+          component: () => import("./views/post/PostList")
+        }
+      ]
     }
   ]
 });
diff --git a/src/views/attachment/AttachmentDetail.vue b/src/views/attachment/AttachmentDetail.vue
index e69de29b..61db603e 100644
--- a/src/views/attachment/AttachmentDetail.vue
+++ b/src/views/attachment/AttachmentDetail.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/attachment/AttachmentList.vue b/src/views/attachment/AttachmentList.vue
index e69de29b..61db603e 100644
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/comment/CommentList.vue b/src/views/comment/CommentList.vue
index e69de29b..61db603e 100644
--- a/src/views/comment/CommentList.vue
+++ b/src/views/comment/CommentList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index e69de29b..ca931f40 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>Dashboard</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>
diff --git a/src/views/interface/MenuList.vue b/src/views/interface/MenuList.vue
index e69de29b..61db603e 100644
--- a/src/views/interface/MenuList.vue
+++ b/src/views/interface/MenuList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/interface/ThemeEdit.vue b/src/views/interface/ThemeEdit.vue
index e69de29b..61db603e 100644
--- a/src/views/interface/ThemeEdit.vue
+++ b/src/views/interface/ThemeEdit.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index e69de29b..61db603e 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
new file mode 100644
index 00000000..f29b1fad
--- /dev/null
+++ b/src/views/layout/Layout.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <div class="nav">
+      Nav
+      <ul>
+        <li>
+          <router-link :to="{ name: 'dashboard' }">Dashboard</router-link>
+        </li>
+        <li>
+          <router-link :to="{ name: 'posts-list' }">Posts</router-link>
+        </li>
+      </ul>
+    </div>
+    <div class="container">
+      <router-view />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>
diff --git a/src/views/page/PageEdit.vue b/src/views/page/PageEdit.vue
index e69de29b..61db603e 100644
--- a/src/views/page/PageEdit.vue
+++ b/src/views/page/PageEdit.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/page/PageList.vue b/src/views/page/PageList.vue
index e69de29b..01b773c5 100644
--- a/src/views/page/PageList.vue
+++ b/src/views/page/PageList.vue
@@ -0,0 +1,11 @@
+<template>
+  <div>
+    Page list
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>
diff --git a/src/views/post/CategoryList.vue b/src/views/post/CategoryList.vue
index e69de29b..61db603e 100644
--- a/src/views/post/CategoryList.vue
+++ b/src/views/post/CategoryList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/post/PostEdit.vue b/src/views/post/PostEdit.vue
index e69de29b..61db603e 100644
--- a/src/views/post/PostEdit.vue
+++ b/src/views/post/PostEdit.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/post/PostList.vue b/src/views/post/PostList.vue
index e69de29b..c0275b8e 100644
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>Post list</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>
diff --git a/src/views/post/TagList.vue b/src/views/post/TagList.vue
index e69de29b..61db603e 100644
--- a/src/views/post/TagList.vue
+++ b/src/views/post/TagList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/system/BackupList.vue b/src/views/system/BackupList.vue
index e69de29b..61db603e 100644
--- a/src/views/system/BackupList.vue
+++ b/src/views/system/BackupList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/system/OptionForm.vue b/src/views/system/OptionForm.vue
index e69de29b..61db603e 100644
--- a/src/views/system/OptionForm.vue
+++ b/src/views/system/OptionForm.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/system/ToolList.vue b/src/views/system/ToolList.vue
index e69de29b..61db603e 100644
--- a/src/views/system/ToolList.vue
+++ b/src/views/system/ToolList.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/user/Profile.vue b/src/views/user/Profile.vue
index e69de29b..61db603e 100644
--- a/src/views/user/Profile.vue
+++ b/src/views/user/Profile.vue
@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>