Blog - Supabase
·
Supabase 现在与 Next.js 14 兼容
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
在Next.js Conf 2023上，Vercel发布了Next.js 14，主要提升了稳定性，特别是Server Actions的稳定性，并简化了用户认证和数据获取。Supabase与Next.js 14完全兼容，支持Server Components和Route Handlers。Supabase需配置为使用Cookies而非localStorage，并推出了@supabase/ssr包和Next.js与Supabase的启动模板，以便开发者快速构建应用。
🎯
关键要点
- 在Next.js Conf 2023上，Vercel发布了Next.js 14，主要提升了稳定性，特别是Server Actions的稳定性。
- Next.js 14简化了用户认证和数据获取，支持完全的服务器端用户认证。
- Supabase与Next.js 14完全兼容，支持Server Components和Route Handlers。
- Supabase需要配置为使用Cookies而非localStorage，以便在Server Component中正常工作。
- 推出了@supabase/ssr包和Next.js与Supabase的启动模板，帮助开发者快速构建应用。
❓
延伸问答
Next.js 14的主要改进是什么？
Next.js 14主要提升了稳定性，特别是Server Actions的稳定性，并简化了用户认证和数据获取。
Supabase如何与Next.js 14兼容？
Supabase与Next.js 14完全兼容，支持Server Components和Route Handlers，并需配置为使用Cookies而非localStorage。
如何配置Supabase以支持Server Components？
需要将Supabase配置为使用Cookies而非localStorage，以便在Server Component中正常工作。
Supabase推出了哪些新工具以支持Next.js开发？
Supabase推出了@supabase/ssr包和Next.js与Supabase的启动模板，帮助开发者快速构建应用。
如何开始使用Supabase和Next.js？
可以通过命令'npx create-next-app@latest -e with-supabase'快速开始，页面会指导创建Supabase项目和配置环境变量。
为什么Supabase需要使用Cookies而不是localStorage？
因为在Server Component中没有localStorage的概念，所以Supabase需要使用Cookies来存储用户会话。
➡️
