diff --git a/NGINX.md b/NGINX.md
new file mode 100644
index 0000000000000000000000000000000000000000..fd8380ebd35b51fa1f3375bd6080233f64e9dcbd
--- /dev/null
+++ b/NGINX.md
@@ -0,0 +1,15 @@
+server {
+listen 217.147.85.104:80;
+server_name \*.nodenogg.in;
+root /var/www/vhosts/nodenogg.in/alpha.nodenogg.in;
+
+location / {
+try_files $uri $uri/ /index.html;
+}
+
+location /microcosm {
+alias /var/www/vhosts/nodenogg.in/alpha.nodenogg.in;
+try_files \$uri /microcosm/index.html;
+}
+
+}
diff --git a/app/src/router/index.js b/app/src/router/index.js
index d0aa64b76541a2af01295a91766fdae27ff05731..a0608a80b64746ffb5a7129579a5591884f49f02 100644
--- a/app/src/router/index.js
+++ b/app/src/router/index.js
@@ -1,7 +1,6 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
-import NotFound from '../views/NotFound.vue'
 
 Vue.use(VueRouter)
 
@@ -27,15 +26,21 @@ const routes = [
   },
 
   {
+    // catches 404 errors
     path: '*',
-    name: 'NotFound',
-    component: NotFound
+    name: '404',
+    component: () =>
+      import(
+        /* webpackChunkName: "NotFoundComponent" */ '../views/NotFound.vue'
+      )
   }
 ]
 
 const router = new VueRouter({
   mode: 'history',
-  base: process.env.VUE_APP_HTTP + '://' + process.env.VUE_APP_URL + '/',
+  //base: 'https://alpha.nodenogg.in/',
+  //base: process.env.VUE_APP_HTTP + '://' + process.env.VUE_APP_URL + '',
+  //base: process.env.VUE_APP_HTTP,
   routes
 })
 
diff --git a/app/src/views/NotFound.vue b/app/src/views/NotFound.vue
index 6fb7dc73655750d4110e095ef4e9e97022f51d64..00a987fe7d96afb0f2a731e31e2c605dc0041ed8 100644
--- a/app/src/views/NotFound.vue
+++ b/app/src/views/NotFound.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
-    <p>A real 404</p>
+    <h1>This is a Custom 404</h1>
+    <p>Delightful one coming soon</p>
   </div>
 </template>
 
@@ -8,5 +9,4 @@
 export default {}
 </script>
 
-<style lang="css" scoped>
-</style>
\ No newline at end of file
+<style lang="css" scoped></style>