diff --git a/full-skies-nuxt/components/Navbar.vue b/full-skies-nuxt/components/Navbar.vue
index ea3e222..6e736c5 100644
--- a/full-skies-nuxt/components/Navbar.vue
+++ b/full-skies-nuxt/components/Navbar.vue
@@ -25,6 +25,10 @@ export default defineComponent({
         {
           text: 'Astres',
           link: '/astres'
+        },
+        {
+          text: 'Favoris',
+          link: '/favoris'
         }
       ]
     }
diff --git a/full-skies-nuxt/pages/favoris/index.vue b/full-skies-nuxt/pages/favoris/index.vue
new file mode 100644
index 0000000..90ea531
--- /dev/null
+++ b/full-skies-nuxt/pages/favoris/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <section class="favourites bg-image">
+    <header>
+      <h1 class="heading-1">
+        Mes favoris
+      </h1>
+    </header>
+    <div class="section-content">
+      <celestials-list :celestials="favourites" />
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'Favourites',
+  data () {
+    return {
+      favorites: []
+    }
+  },
+  created () {
+    // const favourites = this.$store.user.favourites
+    // console.log(favourites)
+  }
+}
+</script>
+
+<style lang="scss">
+.favourites {
+  position: relative;
+  min-height: 100%;
+  padding: 25px 5%;
+
+  &:after {
+    background-image: url("/home_bg-min.jpg");
+  }
+}
+</style>