diff --git a/frontend-vue3/src/components/TopBar.vue b/frontend-vue3/src/components/TopBar.vue
index ed55dc5..4fd9065 100644
--- a/frontend-vue3/src/components/TopBar.vue
+++ b/frontend-vue3/src/components/TopBar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 const homeRoute = { name: 'home' }
 const guideRoute = { name: 'guide' }
+const publicationsRoute = {name: 'publications'}
 </script>
 
 <template>
@@ -17,6 +18,7 @@ const guideRoute = { name: 'guide' }
             <router-link :to="homeRoute" data-testid="home-button">Home</router-link>
             <router-link to="/#" data-testid="search-button">Search</router-link>
             <router-link :to="guideRoute" data-testid="guide-button">Guide</router-link>
+            <router-link :to="publicationsRoute" data-testid="publications-button">Publications</router-link>
           </div>
         </v-col>
       </v-row>
diff --git a/frontend-vue3/src/components/__tests__/TopBar.spec.ts b/frontend-vue3/src/components/__tests__/TopBar.spec.ts
index 630d6ed..af9434a 100644
--- a/frontend-vue3/src/components/__tests__/TopBar.spec.ts
+++ b/frontend-vue3/src/components/__tests__/TopBar.spec.ts
@@ -48,7 +48,7 @@ describe('TopBar.vue', () => {
     expect(searchButton.text()).toBe('Search')
   })
 
-  it('renders the Guid button with text "Search"', () => {
+  it('renders the Guide button with text "Guide"', () => {
     const guideButton = wrapper.find('[data-testid="guide-button"]')
 
     expect(guideButton.exists()).toBe(true)
@@ -56,4 +56,13 @@ describe('TopBar.vue', () => {
 
     expect(findRouterLinkTo(guideButton)).toEqual({ name: 'guide' })
   })
+
+  it('renders the Publications button with text "Publications"', () => {
+    const guideButton = wrapper.find('[data-testid="publications-button"]')
+
+    expect(guideButton.exists()).toBe(true)
+    expect(guideButton.text()).toBe('Publications')
+
+    expect(findRouterLinkTo(guideButton)).toEqual({ name: 'publications' })
+  })
 })
diff --git a/frontend-vue3/src/router/index.ts b/frontend-vue3/src/router/index.ts
index 827e320..6516cf1 100644
--- a/frontend-vue3/src/router/index.ts
+++ b/frontend-vue3/src/router/index.ts
@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '@/views/HomeView.vue'
 import GuideView from '@/views/GuideView.vue'
+import PublicationsView from "@/views/PublicationsView.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -14,6 +15,11 @@ const router = createRouter({
       path: '/guide',
       name: 'guide',
       component: GuideView
+    },
+    {
+      path: '/publications',
+      name: 'publications',
+      component: PublicationsView
     }
   ]
 })
diff --git a/frontend-vue3/src/views/PublicationsView.vue b/frontend-vue3/src/views/PublicationsView.vue
new file mode 100644
index 0000000..39a9432
--- /dev/null
+++ b/frontend-vue3/src/views/PublicationsView.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+
+import BreadCrumb from "@/components/BreadCrumb.vue";
+</script>
+
+<template>
+  <BreadCrumb title="Publications" item-name="Publications"></BreadCrumb>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file