feat: ai & vectors docs scaffold

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

@@ -41,6 +41,8 @@ function getMenuIcon(menuKey: string, width: number = 16, height: number = 16) {
       return <IconMenuRealtime width={width} height={height} />
     case 'storage':
       return <IconMenuStorage width={width} height={height} />
+    case 'ai':
+      return <IconMenuStorage width={width} height={height} />
     case 'platform':
       return <IconMenuPlatform width={width} height={height} />
     case 'resources':

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

@@ -52,6 +52,12 @@ export const HOMEPAGE_MENU_ITEMS: HomepageMenuItems = [
       href: '/guides/storage',
       level: 'storage',
     },
+    {
+      label: 'AI & Vectors',
+      icon: 'ai',
+      href: '/guides/ai',
+      level: 'ai',
+    },
   ],
   [
     {
@@ -858,6 +864,46 @@ export const storage: NavMenuConstant = {
   ],
 }
 
+export const ai: NavMenuConstant = {
+  icon: 'ai',
+  title: 'AI & Vectors',
+  url: '/guides/ai',
+  items: [
+    { name: 'Overview', url: '/guides/ai' },
+    { name: 'Concepts', url: '/guides/ai/concepts' },
+    {
+      name: 'Quickstarts',
+      url: undefined,
+      items: [{ name: 'Vecs for data scientists', url: '/guides/ai/vecs-for-data-scientists' }],
+    },
+    {
+      name: 'Guides',
+      url: undefined,
+      items: [{ name: 'Creating collections', url: '/guides/ai/creating-collections' }],
+    },
+    {
+      name: 'Examples',
+      url: undefined,
+      items: [
+        {
+          name: 'Hugging Face inference with Edge Functions',
+          url: '/guides/ai/hugging-face-inference-edge-functions',
+        },
+      ],
+    },
+    {
+      name: 'Third-Party Tools',
+      url: undefined,
+      items: [
+        {
+          name: 'LangChain',
+          url: '/guides/ai/langchain',
+        },
+      ],
+    },
+  ],
+}
+
 export const supabase_cli: NavMenuConstant = {
   icon: 'reference-cli',
   title: 'Supabase CLI',

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

@@ -68,6 +68,11 @@ const menus: Menu[] = [
     path: '/guides/storage',
     type: 'guide',
   },
+  {
+    id: 'ai',
+    path: '/guides/ai',
+    type: 'guide',
+  },
   {
     id: 'platform',
     path: '/guides/platform',

apps/docs/layouts/SiteLayout.tsx

@@ -46,6 +46,10 @@ const levelsData = {
     icon: '/docs/img/icons/menu/storage',
     name: 'Storage',
   },
+  ai: {
+    icon: '/docs/img/icons/menu/ai',
+    name: 'AI & Vectors',
+  },
   supabase_cli: {
     icon: '/docs/img/icons/menu/reference-cli',
     name: 'Supabase CLI',

apps/docs/pages/guides/ai.mdx

@@ -0,0 +1,23 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'ai',
+  title: 'AI & Vectors',
+  description: 'Use Supabase to store and search embedding vectors.',
+  sidebar_label: 'Overview',
+  video: 'https://www.youtube.com/v/J9mTPY8rIXE',
+}
+
+Supabase AI & Vectors makes it simple to store and search embeding vectors.
+
+## TBD
+
+TBD
+
+## See also
+
+- TBD
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page

apps/docs/pages/guides/ai/concepts.mdx

@@ -0,0 +1,20 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'ai-concepts',
+  title: 'Concepts',
+  description: 'TBD',
+  sidebar_label: 'Concepts',
+}
+
+This guide shows ...
+
+## TBD
+
+## See also
+
+- TBD
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page

apps/docs/pages/guides/ai/creating-collections.mdx

@@ -0,0 +1,20 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'ai-collections',
+  title: 'Creating collections',
+  description: 'TBD',
+  sidebar_label: 'Creating collections',
+}
+
+This guide shows ...
+
+## TBD
+
+## See also
+
+- TBD
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page

apps/docs/pages/guides/ai/hugging-face-inference-edge-functions.mdx

@@ -0,0 +1,20 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'ai-hugging-face-inference-edge-functions',
+  title: 'Hugging Face inference with Edge Functions',
+  description: 'TBD',
+  sidebar_label: 'Hugging Face inference with Edge Functions',
+}
+
+This guide shows ...
+
+## TBD
+
+## See also
+
+- TBD
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page

apps/docs/pages/guides/ai/langchain.mdx

@@ -0,0 +1,20 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'ai-lang-chain',
+  title: 'Langchain',
+  description: 'TBD',
+  sidebar_label: 'Langchain',
+}
+
+This guide shows ...
+
+## TBD
+
+## See also
+
+- TBD
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page

apps/docs/pages/guides/ai/vecs-for-data-scientists.mdx

@@ -0,0 +1,20 @@
+import Layout from '~/layouts/DefaultGuideLayout'
+
+export const meta = {
+  id: 'ai-vecs-for-data-scientists',
+  title: 'Vecs for data scientists',
+  description: 'TBD',
+  sidebar_label: 'Vecs for data scientists',
+}
+
+This guide shows ...
+
+## TBD
+
+## See also
+
+- TBD
+
+export const Page = ({ children }) => <Layout meta={meta} children={children} />
+
+export default Page