diff --git a/assets/main.css b/assets/main.css
index 026a6b9..a9f8aad 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -10,7 +10,6 @@
   margin-top: 10px;
 }
 
-
 /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
 @media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
diff --git a/components/AppHeader.vue b/components/HeaderNav.vue
similarity index 100%
rename from components/AppHeader.vue
rename to components/HeaderNav.vue
diff --git a/components/TheSidenav.vue b/components/SideNav.vue
similarity index 83%
rename from components/TheSidenav.vue
rename to components/SideNav.vue
index 391913b..f79e24a 100644
--- a/components/TheSidenav.vue
+++ b/components/SideNav.vue
@@ -8,7 +8,7 @@
         <NuxtLink to="/">
           Home
         </NuxtLink>
-        <NuxtLink to="/address-management/adresses_index">
+        <NuxtLink to="/address-management/address_index">
           Adressverwaltung
         </NuxtLink>
       </p>
diff --git a/data/address-data.json b/data/address-data.json
new file mode 100644
index 0000000..6016d59
--- /dev/null
+++ b/data/address-data.json
@@ -0,0 +1,21 @@
+[{
+  "id": "0000",
+  "name": "Holger Hedemann",
+  "address": "Hortensienweg 14"
+},
+{
+  "id": "1111",
+  "name": "Dieter Hillers",
+  "address": "Oldenburger Str. 28"
+},
+{
+  "id": "2222",
+  "name": "Hilko Hartmann",
+  "address": "Oldenburger Str. 28"
+},
+{
+  "id": "3333",
+  "name": "Katja Hedemann",
+  "address": "Rotenburger Weg 21a"
+}
+]
diff --git a/layouts/default.vue b/layouts/default.vue
index 31a1876..2c5eb32 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    <AppHeader />
+    <HeaderNav />
+    <SideNav />
     <slot />
-    <TheSidenav />
   </div>
 </template>
diff --git a/main.js b/main.jsx
similarity index 100%
rename from main.js
rename to main.jsx
diff --git a/package-lock.json b/package-lock.json
index 5bd71ca..00376a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "webadmin3.0",
+  "name": "WebAdmin3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
diff --git a/pages/address-management/adresses_index.vue b/pages/address-management/address_index.vue
similarity index 76%
rename from pages/address-management/adresses_index.vue
rename to pages/address-management/address_index.vue
index 00808e8..d51be4f 100644
--- a/pages/address-management/adresses_index.vue
+++ b/pages/address-management/address_index.vue
@@ -3,9 +3,7 @@
     <h1>
       Willkommen in der Adressverwaltung
     </h1>
-    <div class="adress-content">
-      Text
-    </div>
+    <div class="adress-content" />
   </div>
 </template>
 
diff --git a/server/trpc/routers/index.js b/server/trpc/routers/index.js
deleted file mode 100644
index b35a0ac..0000000
--- a/server/trpc/routers/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import index from '@/pages/index.vue'
-import adresses from '@/pages/adresses/adresses_index.vue'
-import help from '@/pages/header/help'
-import info from '@/pages/header/info'
-
-const routes = [
-  { path: '/', name: 'Home', component: index },
-  { path: 'adresses/adresses_index', name: 'Adressverwaltung', component: adresses },
-  { path: 'header/help', name: 'Hilfe', component: help },
-  { path: 'header/info', name: 'Info', component: info }
-]
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes
-})
-
-const app = createApp({})
-
-app.use(router)
-
-export default router