Took a surprising amount of effort to get to here. Move the Serverless API docs into their own section

apps/docs/components/Navigation/Navigation.constants.ts

@@ -174,14 +174,6 @@ export const menuItems: NavMenu = {
         { name: 'Database Webhooks', url: '/guides/database/webhooks', items: [] },
         { name: 'Full Text Search', url: '/guides/database/full-text-search', items: [] },
         { name: 'Database Testing', url: '/guides/database/testing', items: [] },
-        {
-          name: 'Serverless APIs',
-          url: undefined,
-          items: [
-            { name: 'Overview', url: '/guides/database/api', items: [] },
-            { name: 'Generating Types', url: '/guides/database/api/generating-types', items: [] },
-          ],
-        },
         {
           name: 'Extensions',
           url: undefined,
@@ -228,6 +220,13 @@ export const menuItems: NavMenu = {
         },
       ],
     },
+    {
+      label: 'Serverless APIs',
+      items: [
+        { name: 'Overview', url: '/guides/api', items: [] },
+        { name: 'Generating Types', url: '/guides/api/generating-types', items: [] },
+      ],
+    },
     {
       label: 'Edge Functions',
       items: [

apps/docs/components/Navigation/NavigationMenu/HomeMenu.tsx

@@ -27,6 +27,12 @@ const home = [
       href: '/guides/database',
       level: 'database',
     },
+    {
+      label: 'Serverless APIs',
+      icon: '/img/icons/menu/database',
+      href: '/guides/api',
+      level: 'api',
+    },
     {
       label: 'Auth',
       icon: '/img/icons/menu/auth',

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts

@@ -386,14 +386,6 @@ export const database = {
     { name: 'Database Webhooks', url: '/guides/database/webhooks', items: [] },
     { name: 'Full Text Search', url: '/guides/database/full-text-search', items: [] },
     { name: 'Database Testing', url: '/guides/database/testing', items: [] },
-    {
-      name: 'Serverless APIs',
-      url: undefined,
-      items: [
-        { name: 'Overview', url: '/guides/database/api', items: [] },
-        { name: 'Generating Types', url: '/guides/database/api/generating-types', items: [] },
-      ],
-    },
     {
       name: 'Extensions',
       url: undefined,
@@ -558,6 +550,16 @@ export const database = {
   ],
 }
 
+export const api = {
+  icon: 'database',
+  label: 'Serverless APIs',
+  url: '/guides/api',
+  items: [
+    { name: 'Overview', url: '/guides/api', items: [] },
+    { name: 'Generating Types', url: '/guides/api/generating-types', items: [] },
+  ],
+}
+
 export const functions = {
   icon: 'functions',
   label: 'Edge Functions',

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.tsx

@@ -85,6 +85,9 @@ const NavigationMenu = () => {
       case url.includes(`/docs/guides/database`) && url:
         menuState.setMenuLevelId('database')
         break
+      case url.includes(`/docs/guides/api`) && url:
+        menuState.setMenuLevelId('api')
+        break
       case url.includes(`/docs/guides/auth`) && url:
         menuState.setMenuLevelId('auth')
         break
@@ -174,6 +177,7 @@ const NavigationMenu = () => {
   const isHomeActive = 'home' === level
   const isGettingStartedActive = 'gettingstarted' === level
   const isDatabaseActive = 'database' === level
+  const isApiActive = 'api' === level
   const isAuthActive = 'auth' === level
   const isFunctionsActive = 'functions' === level
   const isRealtimeActive = 'realtime' === level
@@ -203,6 +207,7 @@ const NavigationMenu = () => {
       <NavigationMenuHome active={isHomeActive} />
       <NavigationMenuGuideList id={'gettingstarted'} active={isGettingStartedActive} />
       <NavigationMenuGuideList id={'database'} active={isDatabaseActive} />
+      <NavigationMenuGuideList id={'api'} active={isApiActive} />
       <NavigationMenuGuideList id={'auth'} active={isAuthActive} />
       <NavigationMenuGuideList id={'functions'} active={isFunctionsActive} />
       <NavigationMenuGuideList

apps/docs/layouts/SiteLayout.tsx

@@ -22,6 +22,10 @@ const levelsData = {
     icon: '/docs/img/icons/menu/database',
     name: 'Database',
   },
+  api: {
+    icon: '/docs/img/icons/menu/database',
+    name: 'Serverless APIs',
+  },
   auth: {
     icon: '/docs/img/icons/menu/auth',
     name: 'Auth',