diff --git a/apps/docs/components/Navigation/Navigation.types.ts b/apps/docs/components/Navigation/Navigation.types.ts
index a644cc7c70d..3882fb26e77 100644
--- a/apps/docs/components/Navigation/Navigation.types.ts
+++ b/apps/docs/components/Navigation/Navigation.types.ts
@@ -9,8 +9,8 @@ export interface NavMenuGroup {
 
 export interface NavMenuSection {
   name: string
-  url?: string
-  items: NavMenuSection[]
+  url?: `/${string}`
+  items: Partial<NavMenuSection>[]
 }
 
 export interface References {
@@ -26,10 +26,17 @@ export interface References {
 type MenuItem = {
   label: string
   icon?: string
-  href?: string
+  href?: `/${string}` | `https://${string}`
   level?: string
   hasLightIcon?: boolean
   community?: boolean
 }
 
 export type HomepageMenuItems = MenuItem[][]
+
+export type NavMenuConstant = Readonly<{
+  title: string
+  icon: string
+  url?: `/${string}`
+  items: ReadonlyArray<Partial<NavMenuSection>>
+}>
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
index 840c07ac2a0..0d0b6f13e59 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts
@@ -1,4 +1,4 @@
-import { References, HomepageMenuItems } from '../Navigation.types'
+import type { HomepageMenuItems, NavMenuConstant, References } from '../Navigation.types'
 
 export const HOMEPAGE_MENU_ITEMS: HomepageMenuItems = [
   [
@@ -194,7 +194,7 @@ export const REFERENCES: References = {
   },
 }
 
-export const gettingstarted = {
+export const gettingstarted: NavMenuConstant = {
   icon: 'getting-started',
   title: 'Getting Started',
   items: [
@@ -507,7 +507,7 @@ export const auth = {
   ],
 }
 
-export const database = {
+export const database: NavMenuConstant = {
   icon: 'database',
   title: 'Database',
   url: '/guides/database',
@@ -662,7 +662,7 @@ export const database = {
   ],
 }
 
-export const api = {
+export const api: NavMenuConstant = {
   icon: 'serverless-apis',
   title: 'Serverless APIs',
   url: '/guides/api',
@@ -700,7 +700,7 @@ export const api = {
   ],
 }
 
-export const functions = {
+export const functions: NavMenuConstant = {
   icon: 'edge-functions',
   title: 'Edge Functions',
   url: '/guides/functions',
@@ -778,7 +778,7 @@ export const functions = {
   ],
 }
 
-export const realtime = {
+export const realtime: NavMenuConstant = {
   icon: 'realtime',
   title: 'Realtime',
   url: '/guides/realtime',
@@ -841,7 +841,7 @@ export const realtime = {
   ],
 }
 
-export const storage = {
+export const storage: NavMenuConstant = {
   icon: 'storage',
   title: 'Storage',
   url: '/guides/storage',
@@ -855,7 +855,7 @@ export const storage = {
   ],
 }
 
-export const supabase_cli = {
+export const supabase_cli: NavMenuConstant = {
   icon: 'reference-cli',
   title: 'Supabase CLI',
   url: '/guides/cli',
@@ -877,7 +877,7 @@ export const supabase_cli = {
   ],
 }
 
-export const platform = {
+export const platform: NavMenuConstant = {
   icon: 'platform',
   title: 'Platform',
   url: '/guides/platform',
@@ -953,7 +953,7 @@ export const platform = {
   ],
 }
 
-export const resources = {
+export const resources: NavMenuConstant = {
   icon: 'resources',
   title: 'Resources',
   url: '/guides/resources',
@@ -994,7 +994,7 @@ export const resources = {
   ],
 }
 
-export const self_hosting = {
+export const self_hosting: NavMenuConstant = {
   title: 'Self-Hosting',
   icon: 'self-hosting',
   url: '/guides/self-hosting',
@@ -1051,7 +1051,7 @@ export const migrate = {
   ],
 }
 
-export const integrations = {
+export const integrations: NavMenuConstant = {
   icon: 'integrations',
   title: 'Integrations',
   url: '/guides/integrations',