diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 2d881c2d..6f662f5d 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,33 +1,19 @@
 <template>
   <div id="app">
-    <div class="row">
-      <div class="col-md-3 col-lg-2 d-none d-md-block">
-        <AppAside />
-      </div>
-      <div class="col-xs-12 col-sm-12 col-md-9 col-lg-10">
-        <div class="main-content">
-          <div class="app-content-body">
-            <router-view/>
-            <Footer />
-          </div>
-        </div>
-      </div>
-    </div>
+    <component :is="layout">
+      <router-view />
+    </component>
   </div>
 </template>
 
 <script>
-import AppAside from '@/components/AppAside.vue';
-import Footer from '@/components/Footer.vue';
+const defaultLayout = 'default';
 
 export default {
-  components: {
-    AppAside,
-    Footer,
+  computed: {
+    layout() {
+      return `${(this.$route.meta.layout || defaultLayout)}-layout`;
+    },
   },
 };
 </script>
-
-<style lang="scss">
-
-</style>
diff --git a/frontend/src/layouts/Default.vue b/frontend/src/layouts/Default.vue
new file mode 100644
index 00000000..fe8400c1
--- /dev/null
+++ b/frontend/src/layouts/Default.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="row">
+    <div class="col-md-3 col-lg-2 d-none d-md-block">
+      <AppAside />
+    </div>
+    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-10">
+      <div class="main-content">
+        <div class="app-content-body">
+          <router-view/>
+          <Footer />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import AppAside from '@/components/AppAside.vue';
+import Footer from '@/components/Footer.vue';
+
+export default {
+  components: {
+    AppAside,
+    Footer,
+  },
+};
+</script>
diff --git a/frontend/src/layouts/NoSidebar.vue b/frontend/src/layouts/NoSidebar.vue
new file mode 100644
index 00000000..b42f0c7d
--- /dev/null
+++ b/frontend/src/layouts/NoSidebar.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="row">
+    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-10">
+      <div class="main-content">
+        <div class="app-content-body">
+          <router-view/>
+          <Footer />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Footer from '@/components/Footer.vue';
+
+export default {
+  components: {
+    Footer,
+  },
+};
+</script>
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 8852333b..0e194e07 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -6,6 +6,12 @@ import store from './store';
 import './registerServiceWorker';
 import '../scss/app.scss';
 
+import Default from './layouts/Default.vue';
+import NoSidebar from './layouts/NoSidebar.vue';
+
+Vue.component('default-layout', Default);
+Vue.component('no-sidebar-layout', NoSidebar);
+
 Vue.config.productionTip = false;
 
 Vue.use(BootstrapVue);
diff --git a/frontend/src/router.js b/frontend/src/router.js
index 462b1fa1..23148b27 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import Router from 'vue-router';
 import Dashboard from './views/dashboard/Index.vue';
+import Installer from './views/installer/Index.vue';
 
 Vue.use(Router);
 
@@ -14,12 +15,13 @@ export default new Router({
       component: Dashboard,
     },
     {
-      path: '/about',
-      name: 'about',
+      path: '/installer',
+      name: 'installer',
+      meta: { layout: 'no-sidebar' },
       // 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'),
+      component: Installer,
     },
   ],
 });
diff --git a/frontend/src/views/About.vue b/frontend/src/views/About.vue
deleted file mode 100644
index 3fa28070..00000000
--- a/frontend/src/views/About.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
deleted file mode 100644
index 7d4b5e2e..00000000
--- a/frontend/src/views/Home.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <div class="home">
-    <img alt="Vue logo" src="../assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
-  </div>
-</template>
-
-<script>
-// @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue';
-
-export default {
-  name: 'home',
-  components: {
-    HelloWorld,
-  },
-};
-</script>
diff --git a/frontend/src/views/installer/Index.vue b/frontend/src/views/installer/Index.vue
new file mode 100644
index 00000000..dda7f96a
--- /dev/null
+++ b/frontend/src/views/installer/Index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="container-fluid">
+
+  </div>
+</template>