docs(content-listings): add Next Steps sections to storage, functions, and realtime overview pages

Adds three new ContentListingGroup exports — storageNextSteps, functionsNextSteps,
realtimeNextSteps — and wires each into the lookup index and the corresponding
MDX overview page. Links point to existing depth guides so readers who land on
the overview have a clear path forward after the Get Started and Examples sections.
This commit is contained in:
Nik Richers committed 2026-07-02 08:11:01 -07:00
1 parent 6246f7359f
commit b42bb3733f
7 files changed
+91 -2

No files matched your search

+2
View File
@@ -56,3 +56,5 @@ Check out [Supabase Edge Function Examples](https://github.com/supabase/supabase
<ContentListings id="functions-examples-messaging" />
<ContentListings id="functions-examples-operations" />
<ContentListings id="functions-next-steps" />
+2
View File
@@ -25,3 +25,5 @@ Supabase provides a globally distributed [Realtime](https://github.com/supabase/
<ContentListings id="realtime-examples" />
<ContentListings id="realtime-resources" />
<ContentListings id="realtime-next-steps" />
+2
View File
@@ -22,3 +22,5 @@ Supabase Storage is a robust, scalable solution for managing files of any size w
<ContentListings id="storage-examples" />
<ContentListings id="storage-resources" />
<ContentListings id="storage-next-steps" />
@@ -176,6 +176,29 @@ export const functionsExamplesMessaging: ContentListingGroup = {
],
}
export const functionsNextSteps: ContentListingGroup = {
id: 'functions-next-steps',
heading: 'Next steps',
type: 'grid',
items: [
{
title: 'Deploy',
href: '/guides/functions/deploy',
description: 'Deploy Edge Functions to production with the Supabase CLI or dashboard.',
},
{
title: 'Secrets',
href: '/guides/functions/secrets',
description: 'Store and access credentials and environment variables securely.',
},
{
title: 'Local development',
href: '/guides/functions/development-environment',
description: 'Set up a local runtime for testing and debugging Edge Functions.',
},
],
}
export const functionsExamplesOperations: ContentListingGroup = {
id: 'functions-examples-operations',
heading: 'Operations & security',
+16 -2
View File
@@ -9,10 +9,21 @@ import {
functionsExamplesSupabase,
functionsExamplesWebhooksPayments,
functionsGetStarted,
functionsNextSteps,
} from './functions.data'
import { gettingStartedGetStarted } from './getting-started.data'
import { realtimeExamples, realtimeGetStarted, realtimeResources } from './realtime.data'
import { storageExamples, storageGetStarted, storageResources } from './storage.data'
import {
realtimeExamples,
realtimeGetStarted,
realtimeNextSteps,
realtimeResources,
} from './realtime.data'
import {
storageExamples,
storageGetStarted,
storageNextSteps,
storageResources,
} from './storage.data'
const ALL_GROUPS: readonly ContentListingGroup[] = [
authGetStarted,
@@ -32,7 +43,10 @@ const ALL_GROUPS: readonly ContentListingGroup[] = [
realtimeResources,
storageGetStarted,
storageExamples,
storageNextSteps,
storageResources,
functionsNextSteps,
realtimeNextSteps,
]
export const CONTENT_LISTINGS: Readonly<Record<string, ContentListingGroup>> = Object.fromEntries(
@@ -45,6 +45,29 @@ export const realtimeExamples: ContentListingGroup = {
],
}
export const realtimeNextSteps: ContentListingGroup = {
id: 'realtime-next-steps',
heading: 'Next steps',
type: 'grid',
items: [
{
title: 'Broadcast',
href: '/guides/realtime/broadcast',
description: 'Send low-latency messages between connected clients.',
},
{
title: 'Presence',
href: '/guides/realtime/presence',
description: 'Track who is online and synchronize shared state across clients.',
},
{
title: 'Postgres Changes',
href: '/guides/realtime/postgres-changes',
description: 'Listen to database inserts, updates, and deletes in real time.',
},
],
}
export const realtimeResources: ContentListingGroup = {
id: 'realtime-resources',
heading: 'Resources',
@@ -50,6 +50,29 @@ export const storageExamples: ContentListingGroup = {
],
}
export const storageNextSteps: ContentListingGroup = {
id: 'storage-next-steps',
heading: 'Next steps',
type: 'grid',
items: [
{
title: 'Access control',
href: '/guides/storage/security/access-control',
description: 'Secure buckets and objects with row-level security policies.',
},
{
title: 'Image transformations',
href: '/guides/storage/serving/image-transformations',
description: 'Resize, compress, and convert images on the fly at the CDN edge.',
},
{
title: 'CDN',
href: '/guides/storage/cdn/fundamentals',
description: 'Understand how the global CDN caches and delivers your assets.',
},
],
}
export const storageResources: ContentListingGroup = {
id: 'storage-resources',
heading: 'Resources',