docs: nextjs missing createClient example code (#21532)

added createClient function example

Co-authored-by: Chris Gwilliams <517923+encima@users.noreply.github.com>
This commit is contained in:
hallidayoandChris Gwilliams authored and GitHub committed 2024-03-05 00:49:38 -05:00
1 parent 5b9630ecfc
commit e9763360a1
1 file changed
+43
@@ -92,6 +92,8 @@ hideToc: true
<StepHikeCompact.Code>
<CH.Code className="min-h-[34rem]">
```ts app/notes/page.tsx
import { createClient } from '@/utils/supabase/server';
@@ -103,6 +105,47 @@ hideToc: true
}
```
```ts utils/supabase/server.ts
import { createServerClient, type CookieOptions } from '@supabase/ssr'
import { cookies } from 'next/headers'
export function createClient() {
const cookieStore = cookies()
return createServerClient(
process.env.NEXT_PUBLIC_SUPABASE_URL!,
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
{
cookies: {
get(name: string) {
return cookieStore.get(name)?.value
},
set(name: string, value: string, options: CookieOptions) {
try {
cookieStore.set({ name, value, ...options })
} catch (error) {
// The `set` method was called from a Server Component.
// This can be ignored if you have middleware refreshing
// user sessions.
}
},
remove(name: string, options: CookieOptions) {
try {
cookieStore.set({ name, value: '', ...options })
} catch (error) {
// The `delete` method was called from a Server Component.
// This can be ignored if you have middleware refreshing
// user sessions.
}
},
},
}
)
}
```
</CH.Code>
</StepHikeCompact.Code>
</StepHikeCompact.Step>