diff --git a/apps/docs/CONTRIBUTING.md b/apps/docs/CONTRIBUTING.md index 843af5ed2e45d..cfb0c34b6dbf5 100644 --- a/apps/docs/CONTRIBUTING.md +++ b/apps/docs/CONTRIBUTING.md @@ -147,7 +147,7 @@ If you're a library maintainer, follow these steps when updating function parame ## Content reuse -If you copy the same content multiple times across different files, create a **partial** for content reuse instead. Partials are MDX files contained in [`apps/docs/components/MDX`](https://github.com/supabase/supabase/tree/master/apps/docs/components/MDX). They contain reusable snippets that can be inserted in multiple pages. For example, you can create a partial to define a common setup step for a group of tutorials. +If you copy the same content multiple times across different files, create a **partial** for content reuse instead. Partials are MDX files contained in [`apps/docs/content/_partials`](https://github.com/supabase/supabase/tree/master/apps/docs/content/_partials). They contain reusable snippets that can be inserted in multiple pages. For example, you can create a partial to define a common setup step for a group of tutorials. To use a partial, import it into your MDX file. You can also set up a partial to automatically import by including it in the `components` within [`apps/docs/components/index.tsx`](https://github.com/supabase/supabase/blob/master/apps/docs/components/index.tsx). diff --git a/apps/docs/components/HomePageCover.tsx b/apps/docs/components/HomePageCover.tsx index 3cb33e4ed5c9a..5e35276d15308 100644 --- a/apps/docs/components/HomePageCover.tsx +++ b/apps/docs/components/HomePageCover.tsx @@ -2,11 +2,12 @@ import { ChevronRight, Play, Sparkles } from 'lucide-react' import Link from 'next/link' +// End of third-party imports import { isFeatureEnabled, useBreakpoint } from 'common' import { cn, IconBackground } from 'ui' import { IconPanel } from 'ui-patterns/IconPanel' - +import { useCustomContent } from '../hooks/custom-content/useCustomContent' import DocsCoverLogo from './DocsCoverLogo' const { sdkDart: sdkDartEnabled, sdkKotlin: sdkKotlinEnabled } = isFeatureEnabled([ @@ -36,6 +37,7 @@ function AiPrompt({ className }: { className?: string }) { const HomePageCover = (props) => { const isXs = useBreakpoint(639) const iconSize = isXs ? 'sm' : 'lg' + const { homepageHeading } = useCustomContent(['homepage:heading']) const frameworks = [ { @@ -141,7 +143,9 @@ const HomePageCover = (props) => {