diff --git a/onyx-web-app/src/components/gateway/LoginForm.vue b/onyx-web-app/src/components/gateway/LoginForm.vue
new file mode 100644
index 0000000..b2736ac
--- /dev/null
+++ b/onyx-web-app/src/components/gateway/LoginForm.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div>
+    <h3>Login</h3>
+    <button>Submit!</button>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/onyx-web-app/src/components/gateway/RegisterForm.vue b/onyx-web-app/src/components/gateway/RegisterForm.vue
new file mode 100644
index 0000000..1a84ea8
--- /dev/null
+++ b/onyx-web-app/src/components/gateway/RegisterForm.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div>
+    <h3>Register</h3>
+    <button>Register now!!!</button>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/onyx-web-app/src/router/index.ts b/onyx-web-app/src/router/index.ts
index 1f89db2..a6af665 100644
--- a/onyx-web-app/src/router/index.ts
+++ b/onyx-web-app/src/router/index.ts
@@ -1,13 +1,31 @@
 import {createRouter, createWebHistory} from 'vue-router'
 import MainView from "@/views/MainView.vue";
+import GatewayView from "@/views/GatewayView.vue";
+import LoginForm from "@/components/gateway/LoginForm.vue";
+import RegisterForm from "@/components/gateway/RegisterForm.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
-      path: '/',
-      name: 'home',
+      path: "/",
+      name: "home",
       component: MainView
+    },
+    {
+      path: "/gateway",
+      name: "gateway",
+      component: GatewayView,
+      children: [
+        {
+          path: "login",
+          component: LoginForm
+        },
+        {
+          path: "register",
+          component: RegisterForm
+        }
+      ]
     }
   ]
 })
diff --git a/onyx-web-app/src/views/GatewayView.vue b/onyx-web-app/src/views/GatewayView.vue
new file mode 100644
index 0000000..1a82541
--- /dev/null
+++ b/onyx-web-app/src/views/GatewayView.vue
@@ -0,0 +1,20 @@
+<!--
+This is a view shown to unauthenticated users before they login or register
+to the node. Attempting to access a non-public piece of content or other page
+will redirect to the gateway before the user is allowed to view/edit it.
+-->
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <main>
+    <h1>Gateway View</h1>
+
+    <RouterView/>
+  </main>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file