diff --git a/src/App.vue b/src/App.vue
index decd96e..a922e3e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,9 @@
 				<li>
 					<RouterLink to="/summary">Summary</RouterLink>
 				</li>
+				<li>
+					<RouterLink to="/songs">Songs</RouterLink>
+				</li>
 			</ul>
 		</nav>
 	</header>
diff --git a/src/router/index.ts b/src/router/index.ts
index 9408195..4d669f2 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 import SummaryView from '../views/SummaryView.vue'
+import SongsView from '../views/SongsView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -15,6 +16,11 @@ const router = createRouter({
       name: 'summary',
       component: SummaryView
     },
+    {
+      path: '/songs',
+      name: 'songs',
+      component: SongsView 
+    },
   ]
 })
 
diff --git a/src/views/SongsView.vue b/src/views/SongsView.vue
new file mode 100644
index 0000000..6339651
--- /dev/null
+++ b/src/views/SongsView.vue
@@ -0,0 +1,6 @@
+<script setup lang="ts">
+</script>
+
+<template>
+	Songs
+</template>