diff --git a/components/molecules/VRoadizLink/VRoadizLink.vue b/components/molecules/VRoadizLink/VRoadizLink.vue
index 41533e62..935ed515 100644
--- a/components/molecules/VRoadizLink/VRoadizLink.vue
+++ b/components/molecules/VRoadizLink/VRoadizLink.vue
@@ -1,13 +1,12 @@
 <script lang="ts">
-import type { RoadizDocument } from '@roadiz/types'
+import type { RoadizDocument, RoadizNodesSources } from '@roadiz/types'
 import { h, type PropType } from 'vue'
 import type { NuxtLinkProps } from '#app/components/nuxt-link'
 import { NuxtLink } from '#components'
-import type { ReachableItem } from '~/types/app'
 
 export const vRoadizLinkProps = {
     label: [String, Boolean],
-    reference: [Array, Object] as PropType<ReachableItem[] | ReachableItem>,
+    reference: [Array, Object] as PropType<RoadizNodesSources[] | RoadizNodesSources>,
     url: String,
     document: Object as PropType<RoadizDocument>,
     nuxtLinkProps: Object as PropType<NuxtLinkProps>,
@@ -27,7 +26,7 @@ export default defineComponent({
         const runtimeConfig = useRuntimeConfig()
         const siteUrl = runtimeConfig?.public?.site.url
 
-        const attributes = computed(() => {
+        const attributes = computed<Record<string, unknown>>(() => {
             const defaultAttrs = { ...attrs, ...props.nuxtLinkProps }
 
             // Download
@@ -52,7 +51,7 @@ export default defineComponent({
             }
 
             // Internal link
-            const internalUrl = props.url && isInternalURL(props.url, siteUrl) ? props.url : reference.value && isInternalURL(reference.value.url, siteUrl) ? reference.value.url : undefined
+            const internalUrl = props.url && isInternalURL(props.url, siteUrl) ? props.url : reference.value?.url && isInternalURL(reference.value.url, siteUrl) ? reference.value.url : undefined
 
             if (internalUrl) {
                 // Prevent NuxtLink to add rel attrs if it is absolute internal url
diff --git a/components/organisms/VMainMenu/Default.stories.vue b/components/organisms/VMainMenu/Default.stories.vue
new file mode 100644
index 00000000..49743e43
--- /dev/null
+++ b/components/organisms/VMainMenu/Default.stories.vue
@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { http, HttpResponse } from 'msw'
+import type { CommonContent } from '~/types/api'
+
+const menuIsOpen = ref(true)
+
+useMockRequest(http.get('*/common_content', () => {
+    return HttpResponse.json({
+        menus: {
+            mainMenuWalker: {
+                '@id': '1',
+                '@type': 'menu',
+                'item': {
+                    '@id': 'menu 1',
+                    '@type': 'menu',
+                    'title': 'Main menu',
+                },
+                'children': [
+                    {
+                        '@id': 'child-1',
+                        '@type': 'NSMenuLink',
+                        'item': {
+                            '@id': '1',
+                            '@type': 'NSMenuLink',
+                            'title': 'Item 1',
+                            'linkExternalUrl': 'https://example.com',
+                        },
+                        'children': [],
+                    },
+                    {
+                        '@id': 'child-2',
+                        '@type': 'NSMenuLink',
+                        'item': {
+                            '@id': '1',
+                            '@type': 'NSMenuLink',
+                            'title': 'Item 2',
+                            'linkInternalReference': [
+                                {
+                                    '@id': '1',
+                                    '@type': 'NSPage',
+                                    'title': 'Page 1',
+                                    'url': '/page-1',
+                                },
+                            ],
+                        },
+                        'children': [],
+                    },
+                    {
+                        '@id': 'child-3',
+                        '@type': 'NSMenuLink',
+                        'item': {
+                            '@id': '1',
+                            '@type': 'NSNeutral',
+                            'title': 'Item 3',
+                        },
+                        'children': [
+                            {
+                                '@id': 'sub-child-1',
+                                '@type': 'NSMenuLink',
+                                'item': {
+                                    '@id': '1',
+                                    '@type': 'NSMenuLink',
+                                    'title': 'Sub item 1',
+                                    'linkExternalUrl': 'https://example.com',
+                                },
+                                'children': [],
+                            },
+                            {
+                                '@id': 'sub-child-2',
+                                '@type': 'NSMenuLink',
+                                'item': {
+                                    '@id': '1',
+                                    '@type': 'NSMenuLink',
+                                    'title': 'Sub item 2',
+                                    'linkInternalReference': [
+                                        {
+                                            '@id': '1',
+                                            '@type': 'NSPage',
+                                            'title': 'Page 2',
+                                            'url': '/page-2',
+                                        },
+                                    ],
+                                },
+                                'children': [],
+                            },
+                        ],
+                    },
+                ],
+            },
+        },
+    } satisfies CommonContent)
+}))
+</script>
+
+<template>
+    <NuxtStory layout="fullscreen">
+        <ClientOnly>
+            <VMainMenu v-model:open="menuIsOpen" />
+        </ClientOnly>
+    </NuxtStory>
+</template>
diff --git a/components/organisms/VMainMenu/Toggle.stories.vue b/components/organisms/VMainMenu/Toggle.stories.vue
new file mode 100644
index 00000000..3a55dd95
--- /dev/null
+++ b/components/organisms/VMainMenu/Toggle.stories.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup>
+import { http, HttpResponse } from 'msw'
+import type { CommonContent } from '~/types/api'
+
+const menuIsOpen = ref(false)
+
+useMockRequest(http.get('*/common_content', () => {
+    return HttpResponse.json({
+        menus: {
+            mainMenuWalker: {
+                '@id': '1',
+                '@type': 'menu',
+                'item': {
+                    '@id': 'menu 1',
+                    '@type': 'menu',
+                    'title': 'Main menu',
+                },
+                'children': [
+                    {
+                        '@id': 'child-1',
+                        '@type': 'NSMenuLink',
+                        'item': {
+                            '@id': '1',
+                            '@type': 'NSMenuLink',
+                            'title': 'Item 1',
+                            'linkExternalUrl': 'https://example.com',
+                        },
+                        'children': [],
+                    },
+                    {
+                        '@id': 'child-2',
+                        '@type': 'NSMenuLink',
+                        'item': {
+                            '@id': '1',
+                            '@type': 'NSMenuLink',
+                            'title': 'Item 2',
+                            'linkInternalReference': [
+                                {
+                                    '@id': '1',
+                                    '@type': 'NSPage',
+                                    'title': 'Page 1',
+                                    'url': '/page-1',
+                                },
+                            ],
+                        },
+                        'children': [],
+                    },
+                    {
+                        '@id': 'child-3',
+                        '@type': 'NSMenuLink',
+                        'item': {
+                            '@id': '1',
+                            '@type': 'NSNeutral',
+                            'title': 'Item 3',
+                        },
+                        'children': [
+                            {
+                                '@id': 'sub-child-1',
+                                '@type': 'NSMenuLink',
+                                'item': {
+                                    '@id': '1',
+                                    '@type': 'NSMenuLink',
+                                    'title': 'Sub item 1',
+                                    'linkExternalUrl': 'https://example.com',
+                                },
+                                'children': [],
+                            },
+                            {
+                                '@id': 'sub-child-2',
+                                '@type': 'NSMenuLink',
+                                'item': {
+                                    '@id': '1',
+                                    '@type': 'NSMenuLink',
+                                    'title': 'Sub item 2',
+                                    'linkInternalReference': [
+                                        {
+                                            '@id': '1',
+                                            '@type': 'NSPage',
+                                            'title': 'Page 2',
+                                            'url': '/page-2',
+                                        },
+                                    ],
+                                },
+                                'children': [],
+                            },
+                        ],
+                    },
+                ],
+            },
+        },
+    } satisfies CommonContent)
+}))
+</script>
+
+<template>
+    <NuxtStory layout="fullscreen">
+        <VButton
+            filled
+            @click="menuIsOpen = !menuIsOpen"
+        >
+            Open
+        </VButton>
+        <VMainMenu v-model:open="menuIsOpen" />
+    </NuxtStory>
+</template>
diff --git a/components/organisms/VMainMenu/VMainMenu.vue b/components/organisms/VMainMenu/VMainMenu.vue
new file mode 100644
index 00000000..2b1bc02e
--- /dev/null
+++ b/components/organisms/VMainMenu/VMainMenu.vue
@@ -0,0 +1,56 @@
+<script lang="ts" setup>
+import type { NSMenuLink } from '~/types/roadiz'
+
+const isOpen = defineModel<boolean>('open')
+
+const { mainMenuWalker } = await useCommonContent()
+const route = useRoute()
+
+watch(
+    () => route.fullPath,
+    () => {
+        isOpen.value = false
+    },
+)
+</script>
+
+<template>
+    <VModal
+        v-model="isOpen"
+        align="right"
+    >
+        <nav>
+            <ul v-if="mainMenuWalker?.children">
+                <li
+                    v-for="child in mainMenuWalker.children"
+                    :key="child.item?.['@id']"
+                >
+                    <VRoadizLink
+                        v-if="(child.item as NSMenuLink)?.linkExternalUrl || (child.item as NSMenuLink)?.linkInternalReference"
+                        :url="(child.item as NSMenuLink)?.linkExternalUrl"
+                        :reference="(child.item as NSMenuLink)?.linkInternalReference"
+                    >
+                        {{ child.item?.title }}
+                    </VRoadizLink>
+                    <span v-else>{{ child.item?.title }}</span>
+                    <ul v-if="child.children">
+                        <li
+                            v-for="subChild in child.children"
+                            :key="subChild.item?.['@id']"
+                        >
+                            <VRoadizLink
+                                :url="(subChild.item as NSMenuLink)?.linkExternalUrl"
+                                :reference="(subChild.item as NSMenuLink)?.linkInternalReference"
+                            >
+                                {{ subChild.item?.title }}
+                            </VRoadizLink>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+        </nav>
+    </VModal>
+</template>
+
+<!-- <style lang="scss" module> -->
+<!-- </style> -->
diff --git a/types/api.d.ts b/types/api.d.ts
index bfb824c7..d8a6a04c 100644
--- a/types/api.d.ts
+++ b/types/api.d.ts
@@ -5,8 +5,9 @@ import type {
     RoadizNodesSourcesHead,
     RoadizWebResponse,
 } from '@roadiz/types'
-import type { MenuNodeType } from '~/types/app'
-import type { RoadizWalkerKnown } from '~/utils/types'
+
+import type { RoadizWalkerKnown } from '~/utils/roadiz/types'
+import type { NSMenu, NSMenuLink } from '~/types/roadiz'
 
 interface HydraError {
     '@context': string
@@ -38,7 +39,7 @@ type CommonContentMenuKey = 'mainMenuWalker' | string
 interface CommonContent {
     home?: RoadizNodesSources
     head?: RoadizNodesSourcesHead
-    menus?: Record<CommonContentMenuKey, RoadizWalkerKnown<NSMenu, MenuNodeType>>
+    menus?: Record<CommonContentMenuKey, RoadizWalkerKnown<NSMenu, NSMenuLink | NSMenu>>
     errorPage?: RoadizWalkerKnown<NSPage>
 }
 
diff --git a/types/app.d.ts b/types/app.d.ts
deleted file mode 100644
index ce07e063..00000000
--- a/types/app.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import type { RoadizNodesSources } from '@roadiz/types'
-import type { UnionToIntersection } from '~/utils/types'
-
-export type MenuNodeType = RoadizNodesSources
-export type MenuNodeKeyMerged = Partial<UnionToIntersection<MenuNodeType>>
-
-export type ReachableItem = RoadizNodesSources
-export type ReachableItemMerged = Partial<UnionToIntersection<ReachableItem>>
diff --git a/types/json-schema.d.ts b/types/json-schema.d.ts
index ec10875f..16a90cf3 100644
--- a/types/json-schema.d.ts
+++ b/types/json-schema.d.ts
@@ -2,7 +2,6 @@ import type { JSONSchema4 } from 'json-schema'
 
 export interface JsonSchemaExtended extends JSONSchema4 {
     widget?: string
-
     enum_titles?: string[]
     attr?: Record<string, string | boolean>
 }
diff --git a/types/roadiz.d.ts b/types/roadiz.d.ts
index f5756699..4f0b9f8a 100644
--- a/types/roadiz.d.ts
+++ b/types/roadiz.d.ts
@@ -1,11 +1,21 @@
 /*
- * This is an automated Roadiz interface declaration file.
+ * This file content should be replaced entirely with new types definitions exported from Roadiz.
+ *
  * RoadizNodesSources, RoadizDocument and other mentioned types are part of
- * roadiz/abstract-api-client package which must be installed in your project.
+ * @roadiz/types package which must be installed in your project.
  *
- * @see https://github.com/roadiz/abstract-api-client
+ * @see https://github.com/roadiz/types#readme
  *
  * Roadiz CMS node-types interfaces
  *
  * @see https://docs.roadiz.io/en/latest/developer/nodes-system/intro.html#what-is-a-node-type
  */
+
+import type { RoadizNodesSources } from '@roadiz/types'
+
+export type NSMenu = RoadizNodesSources
+
+export interface NSMenuLink extends RoadizNodesSources {
+    linkExternalUrl?: string
+    linkInternalReference?: Array<RoadizNodesSources>
+}
diff --git a/utils/roadiz/entity.ts b/utils/roadiz/entity.ts
index 8ff2a802..e23d6239 100644
--- a/utils/roadiz/entity.ts
+++ b/utils/roadiz/entity.ts
@@ -41,6 +41,14 @@ export function isBlogListingEntity(entity: JsonLdObject): boolean {
     return isEntityType(entity, 'BlogPostContainer')
 }
 
+export function isMenuLinkEntity(entity: JsonLdObject): boolean {
+    return isEntityType(entity, 'MenuLink')
+}
+
+export function isMenuEntity(entity: JsonLdObject): boolean {
+    return isEntityType(entity, 'Menu')
+}
+
 // BLOCKS
 export function isContentBlock(entity: JsonLdObject): boolean {
     return isEntityType(entity, 'ContentBlock')
diff --git a/utils/roadiz/types.ts b/utils/roadiz/types.ts
new file mode 100644
index 00000000..76cfda69
--- /dev/null
+++ b/utils/roadiz/types.ts
@@ -0,0 +1,6 @@
+import type { JsonLdObject, RoadizNodesSources } from '@roadiz/types'
+
+export interface RoadizWalkerKnown<Item = RoadizNodesSources, Child = RoadizNodesSources> extends JsonLdObject {
+    item: Item
+    children: RoadizWalkerKnown<Child>[]
+}
diff --git a/utils/types.ts b/utils/types.ts
index 32be2107..c4454681 100644
--- a/utils/types.ts
+++ b/utils/types.ts
@@ -1,12 +1,5 @@
-// ROADIZ
-import type { RoadizNodesSources, JsonLdObject } from '@roadiz/types'
-
-export interface RoadizWalkerKnown<T = RoadizNodesSources, C = RoadizNodesSources> extends JsonLdObject {
-    item: T
-    children: RoadizWalkerKnown<C>[]
-}
-
-// COMMONS
 export type Writeable<T> = { -readonly [P in keyof T]: T[P] }
+
 export type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void ? I : never
+
 export type ValueOf<T> = T extends unknown[] ? T[number] : T[keyof T]