创建用于SSR的Supabase客户端

配置您的Supabase客户端以使用cookies

要在 Supabase 中使用服务器端渲染 (SSR)，您需要配置 Supabase 客户端以使用 cookies。@supabase/ssr 包可以帮助您在 JavaScript/TypeScript 应用中实现这一点。

安装 @supabase/ssr 和 @supabase/supabase-js 包：

1
npm install @supabase/ssr @supabase/supabase-js

在您的环境变量文件中，设置 Supabase URL 和 Supabase Anon Key：

1
2
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_urlNEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

您需要一些一次性设置代码来配置您的 Supabase 客户端以使用 cookies。一旦工具代码设置完成，您就可以使用新的 createClient 工具函数来获取正确配置的 Supabase 客户端。

在浏览器端运行的代码中使用浏览器客户端，在服务器端运行的代码中使用服务器客户端。

以下代码示例适用于 App Router。如需 Pages Router 的帮助，请参阅 Next.js 服务端认证指南。