frontend/app.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <NuxtRouteAnnouncer />
-    <NuxtWelcome />
+    <NavBar />
+    <NuxtPage />
   </div>
 </template>

frontend/components/NavBar.vue

@@ -0,0 +1,16 @@
+<template>
+    <div class="navbar">
+        <div class="navbar-start">
+            <a class="btn btn-ghost text-xl" href="/">Chrys4lide</a>
+        </div>
+        <nav class="navbar-center">
+            <NuxtLink to="/" class="btn btn-ghost">Accueil</NuxtLink>
+            <NuxtLink to="/CPS" class="btn btn-ghost">Carte CPS</NuxtLink>
+        </nav>
+        <div class="navbar-end">
+            <button class="btn btn-ghost" type="button">
+                Connexion
+            </button>
+        </div>
+    </div>
+</template>

frontend/pages/CPS.vue

@@ -0,0 +1,14 @@
+<template>
+    <div>
+        <h1 class="text-xl">Carte CPS</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'CPSCard',
+    data() {
+        return {};
+    }
+};
+</script>

frontend/pages/index.vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <h1 class="text-xl">Welcome to your {{ appName }}!</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'HomePage',
+    data() {
+        return {
+            appName: 'Nuxt App'
+        };
+    }
+};
+</script>
+
+<style scoped>
+h1 {
+    color: #42b983;
+}
+</style>