-
+
+
-
-
- = (props) => {
const hasTableOfContents = tocList.length > 0
+ // page type, ie, Auth, Database, Storage etc
const ogPageType = asPath.split('/')[2]
+ // open graph image url constructor
+ const ogImageUrl = encodeURI(
+ `https://obuldanrptloktxcffvn.functions.supabase.co/og-images?site=docs${
+ ogPageType ? `&type=${ogPageType}` : ''
+ }&title=${props.meta?.title}&description=${props.meta?.description}`
+ )
return (
<>
+
+ {props.meta?.title} | Supabase Docs
+
+
+
+
+
= (props) => {
modifiedTime: new Date().toISOString(),
authors: ['Supabase'],
},
- images: [
- {
- url: `https://obuldanrptloktxcffvn.functions.supabase.co/og-images?site=docs${
- ogPageType ? `&type=${ogPageType}` : ''
- }&title=${encodeURIComponent(props.meta?.title)}&description=${encodeURIComponent(
- props.meta?.description
- )}`,
- },
- ],
}}
/>
+
-
-
-
+
+
)
}
diff --git a/apps/docs/layouts/guides/index.tsx b/apps/docs/layouts/guides/index.tsx
index 5f3b1d90f30..e24008fe864 100644
--- a/apps/docs/layouts/guides/index.tsx
+++ b/apps/docs/layouts/guides/index.tsx
@@ -1,11 +1,13 @@
import { MDXProvider } from '@mdx-js/react'
import { NextSeo } from 'next-seo'
+import Head from 'next/head'
import Link from 'next/link'
import { useRouter } from 'next/router'
import { FC, useEffect, useRef, useState } from 'react'
import { IconExternalLink } from 'ui'
import components from '~/components'
import { highlightSelectedTocItem } from '~/components/CustomHTMLElements/CustomHTMLElements.utils'
+import FooterHelpCallout, { FooterHelpCalloutType } from '~/components/FooterHelpCallout'
import GuidesTableOfContents from '~/components/GuidesTableOfContents'
import useHash from '~/hooks/useHash'
@@ -16,6 +18,7 @@ interface Props {
hide_table_of_contents?: boolean
breadcrumb?: string
subtitle?: string
+ footerHelpType?: FooterHelpCalloutType
video?: string
canonical?: string
}
@@ -61,17 +64,27 @@ const Layout: FC
- Supabase Docs
+
+
+
-
+
+
+
-
+
-
- {children}
-
-
+
+
+
+
+ {children}
+
+
+
@@ -161,6 +165,7 @@ const Layout: FC = (props) => {
)}
-
+
+#### Phone Auth
+
+
+
### Configure third-party providers
-You can enable third-party providers with the click of a button by navigating to Authentication > Settings > Auth Providers and inputting your `Client ID` and `Secret` for each.
+You can enable third-party providers with the click of a button by navigating to Authentication > Providers > Auth Providers and inputting your `Client ID` and `Secret` for each.
@@ -116,7 +124,12 @@ Get started with our [Row Level Security Guides](/docs/guides/auth/row-level-sec
Authentication only gets you so far. When you need granular authorization rules, nothing beats PostgreSQL's [Row Level Security (RLS)](https://www.postgresql.org/docs/current/ddl-rowsecurity.html). Supabase makes it simple to turn RLS on and off.
### Policies
@@ -124,7 +137,12 @@ Authentication only gets you so far. When you need granular authorization rules,
[Policies](https://www.postgresql.org/docs/current/sql-createpolicy.html) are PostgreSQL's rule engine. They are incredibly powerful and flexible, allowing you to write complex SQL rules which fit your unique business needs.
With policies, your database becomes the rules engine. Instead of repetitively filtering your queries, like this ...
@@ -172,7 +190,12 @@ Supabase provides multiple endpoints to authenticate and manage your users:
When users sign up, Supabase assigns them a unique ID. You can reference this ID anywhere in your database. For example, you might create a `profiles` table referencing `id` in the `auth.users` table using a `user_id` field.
export const Page = ({ children }) =>