diff --git a/examples/custom-routes/layouts/app.vue b/examples/custom-routes/layouts/app.vue
new file mode 100644
index 0000000000..f21a4b0fb8
--- /dev/null
+++ b/examples/custom-routes/layouts/app.vue
@@ -0,0 +1,96 @@
+<template>
+  <nuxt-container>
+    <nav class="Navbar clearfix">
+      <h1 class="Navbar__Title">Nuxt Custom Routes</h1>
+      <ul class="Navbar__Links">
+        <li class="Navbar__Links__Item">
+          <router-link to="/" class="Navbar__Links__Item__Link">
+            Basic route
+          </router-link>
+        </li>
+        <li class="Navbar__Links__Item">
+          <router-link to="/projects" class="Navbar__Links__Item__Link">
+            Dynamic route
+          </router-link>
+        </li>
+        <li class="Navbar__Links__Item">
+          <router-link to="/users" class="Navbar__Links__Item__Link">
+            Nested routes
+          </router-link>
+        </li>
+        <li class="Navbar__Links__Item">
+          <router-link to="/posts" class="Navbar__Links__Item__Link">
+            Dynamic nested routes
+          </router-link>
+        </li>
+      </ul>
+    </nav>
+    <nuxt/>
+  </nuxt-container>
+</template>
+
+<style>
+html, body
+{
+  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  letter-spacing: 0.25px;
+  padding: 0;
+  margin: 0;
+}
+*, *::before, *::after
+{
+  box-sizing: border-box;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 300;
+  text-align: center;
+}
+.clearfix:before, .clearfix:after
+{
+  content: " ";
+  display: table;
+}
+.clearfix:after
+{
+  clear: both;
+}
+.container {
+  margin: 30px;
+  border: 1px solid #ddd;
+}
+.Navbar
+{
+  background-color: #fff;
+  border-bottom: 1px solid #ddd;
+  margin: 0;
+  padding: 15px 30px;
+}
+.Navbar__Title
+{
+  float: left;
+  font-weight: 300;
+  margin: 0;
+}
+.Navbar__Links
+{
+  float: right;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.Navbar__Links__Item
+{
+  float: left;
+  margin: 5px 15px;
+}
+.Navbar__Links__Item__Link
+{
+  color: #000;
+}
+a, a:hover
+{
+  text-transform: uppercase;
+  text-decoration: none;
+  color: #41B883;
+}
+</style>
diff --git a/examples/custom-routes/nuxt.config.js b/examples/custom-routes/nuxt.config.js
index 22a089e5e7..736b2d8573 100644
--- a/examples/custom-routes/nuxt.config.js
+++ b/examples/custom-routes/nuxt.config.js
@@ -1,27 +1,19 @@
 module.exports = {
-  router: {
-    // routes: [
-    //   { name: 'post-slug', path: ':slug(\\d+)' }
-    // ],
-    routes: {
-      comments: {
-        _id: {
-          regexp: ':id(\\d+)',
-          generate: [1, 2, 3, 4] // Need to be finished on generate
-        }
-      },
-      three: {
-        _two: {
-          regexp: ':two(\\d+)',
-          one: {
-            _id: {
-              regexp: ':id(\\d+)'
-            }
-          }
-        }
-      }
-    }
-  },
+  // router: {
+  //   routes: {
+  //     users: {
+  //       _id: {
+  //         regexp: ':id(\\d+)',
+  //         alias: '/author/:authorid/post/:id'
+  //         // generate: [1, 2, 3, 4] // Need to be finished on generate
+  //       },
+  //       meta: {
+  //         title: 'users'
+  //       },
+  //       alias: '/author/:authorid/post'
+  //     }
+  //   }
+  // },
   build: {
     vendor: ['axios']
   }
diff --git a/examples/custom-routes/pages/comments/_id.vue b/examples/custom-routes/pages/comments/_id.vue
deleted file mode 100644
index 847f8d1be8..0000000000
--- a/examples/custom-routes/pages/comments/_id.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div>
-    Comments by Id
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/index.vue b/examples/custom-routes/pages/index.vue
index 06a5e8b1c1..402d232bc3 100644
--- a/examples/custom-routes/pages/index.vue
+++ b/examples/custom-routes/pages/index.vue
@@ -1,46 +1,5 @@
 <template>
   <div class="container">
-    <h2>Users</h2>
-    <ul class="users">
-      <!-- <li v-for="user in users">
-        <router-link :to="{ name: 'user', params: { id: user.id } }">{{ user.name }}</router-link>
-      </li> -->
-    </ul>
+    <h2>Home</h2>
   </div>
 </template>
-
-<script>
-// import axios from 'axios'
-
-export default {
-  // data () {
-  //   return axios.get('https://jsonplaceholder.typicode.com/users')
-  //   .then((res) => {
-  //     return { users: res.data }
-  //   })
-  // }
-}
-</script>
-
-<style scoped>
-.container {
-  text-align: center;
-  margin-top: 100px;
-  font-family: sans-serif;
-}
-.users {
-  list-style-type: none;
-}
-.users li a {
-  display: inline-block;
-  width: 200px;
-  border: 1px #ddd solid;
-  padding: 10px;
-  text-align: left;
-  color: #222;
-  text-decoration: none;
-}
-.users li a:hover {
-  color: orange;
-}
-</style>
diff --git a/examples/custom-routes/pages/post.vue b/examples/custom-routes/pages/post.vue
deleted file mode 100644
index ec937ebfd2..0000000000
--- a/examples/custom-routes/pages/post.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <div>
-    Post Layout
-    <router-view></router-view>
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/post/_slug.vue b/examples/custom-routes/pages/post/_slug.vue
deleted file mode 100644
index 66521230d8..0000000000
--- a/examples/custom-routes/pages/post/_slug.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div>
-    Post : slug
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/posts.vue b/examples/custom-routes/pages/posts.vue
new file mode 100644
index 0000000000..946ca2731f
--- /dev/null
+++ b/examples/custom-routes/pages/posts.vue
@@ -0,0 +1,6 @@
+<template>
+  <div class="container">
+    <h1>Dynamic nested route example</h1>
+    <router-view></router-view>
+  </div>
+</template>
diff --git a/examples/custom-routes/pages/posts/_slug.vue b/examples/custom-routes/pages/posts/_slug.vue
new file mode 100644
index 0000000000..8fb06ed47b
--- /dev/null
+++ b/examples/custom-routes/pages/posts/_slug.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="container">
+    <h2>Post : {{ $route.params.slug }}</h2>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+    <p>
+      <router-link :to="{ name: 'posts-slug-name', params: { name: 'foo'} }">
+        Foo
+      </router-link>
+      <router-link :to="{ name: 'posts-slug-name', params: { name: 'bar'} }">
+        Bar
+      </router-link>
+    </p>
+    <router-view></router-view>
+  </div>
+</template>
+
+<style scoped>
+p
+{
+  text-align: center;
+  padding: 15px 30px;
+}
+a
+{
+  margin: 0 15px;
+}
+</style>
diff --git a/examples/custom-routes/pages/posts/_slug/_name.vue b/examples/custom-routes/pages/posts/_slug/_name.vue
new file mode 100644
index 0000000000..17379f0182
--- /dev/null
+++ b/examples/custom-routes/pages/posts/_slug/_name.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="container">
+    <h2>{{ $route.params.name }}</h2>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+  </div>
+</template>
+
+<style scoped>
+p
+{
+  text-align: center;
+  padding: 15px 30px;
+}
+</style>
diff --git a/examples/custom-routes/pages/posts/index.vue b/examples/custom-routes/pages/posts/index.vue
new file mode 100644
index 0000000000..cdc4114f57
--- /dev/null
+++ b/examples/custom-routes/pages/posts/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="container">
+    <h2>Posts list</h2>
+    <p>
+      <router-link to="/posts/welcome">
+        Welcome post
+      </router-link>
+    </p>
+  </div>
+</template>
+
+<style scoped>
+p
+{
+  text-align: center;
+}
+</style>
diff --git a/examples/custom-routes/pages/projects/_slug.vue b/examples/custom-routes/pages/projects/_slug.vue
new file mode 100644
index 0000000000..0b1fba7bc0
--- /dev/null
+++ b/examples/custom-routes/pages/projects/_slug.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="container">
+    <h1>Dynamic route example</h1>
+    <h2>Project : {{ $route.params.slug }}</h2>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+    </p>
+  </div>
+</template>
+
+<style scoped>
+p
+{
+  padding: 15px 30px;
+}
+</style>
diff --git a/examples/custom-routes/pages/projects/index.vue b/examples/custom-routes/pages/projects/index.vue
new file mode 100644
index 0000000000..152b470ab6
--- /dev/null
+++ b/examples/custom-routes/pages/projects/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="container">
+    <h1>Dynamic route example</h1>
+    <h2>Projects list</h2>
+    <p>
+      <router-link :to="{ name: 'projects-slug', params: { slug: 'nuxt.js'} }">
+        Nuxt.js
+      </router-link>
+    </p>
+  </div>
+</template>
+
+<style scoped>
+p
+{
+  text-align: center;
+}
+</style>
diff --git a/examples/custom-routes/pages/three.vue b/examples/custom-routes/pages/three.vue
deleted file mode 100644
index 1bb1022bf9..0000000000
--- a/examples/custom-routes/pages/three.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <div>
-    Layout Three
-    <router-view></router-view>
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/three/_two.vue b/examples/custom-routes/pages/three/_two.vue
deleted file mode 100644
index 247186c075..0000000000
--- a/examples/custom-routes/pages/three/_two.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <div>
-    Layout Two
-    <router-view></router-view>
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/three/_two/index.vue b/examples/custom-routes/pages/three/_two/index.vue
deleted file mode 100644
index 00f7a054fe..0000000000
--- a/examples/custom-routes/pages/three/_two/index.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div>
-    Layout Two Index    
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/three/_two/one.vue b/examples/custom-routes/pages/three/_two/one.vue
deleted file mode 100644
index 0237e9e92f..0000000000
--- a/examples/custom-routes/pages/three/_two/one.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-  <div>
-    Layout One
-    <router-view></router-view>
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/three/_two/one/_id.vue b/examples/custom-routes/pages/three/_two/one/_id.vue
deleted file mode 100644
index 37b88bbdab..0000000000
--- a/examples/custom-routes/pages/three/_two/one/_id.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div>
-    Layout One with Id
-  </div>
-</template>
diff --git a/examples/custom-routes/pages/users.vue b/examples/custom-routes/pages/users.vue
new file mode 100644
index 0000000000..fd27a76b20
--- /dev/null
+++ b/examples/custom-routes/pages/users.vue
@@ -0,0 +1,44 @@
+<template>
+  <div class="container clearfix">
+    <h1>Nested routes example</h1>
+    <h2>Users list</h2>
+    <ul class="users">
+      <li v-for="user in users">
+        <router-link :to="{ name: 'users-id', params: { id: user.id } }">{{ user.name }}</router-link>
+      </li>
+    </ul>
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+  data () {
+    return axios.get('https://jsonplaceholder.typicode.com/users')
+    .then((res) => {
+      return { users: res.data }
+    })
+  }
+}
+</script>
+
+<style scoped>
+.users {
+  float: left;
+  list-style-type: none;
+}
+.users li a {
+  display: inline-block;
+  width: 200px;
+  border: 1px #ddd solid;
+  padding: 10px;
+  text-align: left;
+  color: #222;
+  text-decoration: none;
+}
+.users li a:hover {
+  color: orange;
+}
+</style>