diff --git a/frontend/src/App.vue b/frontend/src/App.vue
new file mode 100644
index 0000000..0044c4f
--- /dev/null
+++ b/frontend/src/App.vue
@@ -0,0 +1,50 @@
+<template>
+  <div id="app">
+    <nav class="navbar">
+      <div class="nav-brand">FreeTable</div>
+      <div class="nav-links">
+        <router-link to="/">Home</router-link>
+        <router-link to="/workspaces">Workspaces</router-link>
+        <router-link to="/login">Login</router-link>
+      </div>
+    </nav>
+    <main class="main-content">
+      <router-view />
+    </main>
+  </div>
+</template>
+
+<script setup>
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+}
+.navbar {
+  background: #2c3e50;
+  padding: 1rem 2rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.nav-brand {
+  color: white;
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+.nav-links {
+  display: flex;
+  gap: 1rem;
+}
+.nav-links a {
+  color: white;
+  text-decoration: none;
+}
+.nav-links a:hover {
+  text-decoration: underline;
+}
+.main-content {
+  padding: 2rem;
+}
+</style>