Next.js (Vercel, Supabase)
基于Next.js、Vercel和Supabase的全栈开发脚手架
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Next.js (Vercel, Supabase)。 它的用途是：基于Next.js、Vercel和Supabase的全栈开发脚手架 详细介绍见：https://321skill.com/skills/next-js-vercel-supabase/ 请根据该页面的说明完成安装。
使用示例
‘帮我基于这个Skill创建一个简单的用户反馈收集应用，需要用户登录后才能提交反馈。’ 它会引导你克隆项目、配置Supabase环境变量，并展示如何创建‘feedbacks’数据表、添加提交表单的React组件，以及设置相关的API路由和页面保护逻辑。
介绍
这个Skill提供了一个基于Next.js、Vercel和Supabase的现代化全栈应用开发脚手架。它旨在解决开发者从零开始搭建具备认证、数据库、API和部署能力的全栈应用时，面临的配置繁琐、技术选型分散和部署复杂的问题。
Skill通过预置的代码模板和配置，集成了Next.js作为前端框架，Supabase作为后端即服务（BaaS），并针对Vercel平台进行了优化部署配置。用户可以直接克隆项目，配置环境变量，即可快速获得一个包含用户认证、数据库操作和API路由的完整应用基础。
它非常适合希望快速启动全栈项目，或学习现代Web开发最佳实践的开发者。无论是构建个人项目、初创公司MVP还是内部工具，都能大幅缩短前期搭建时间。
使用前请确保已注册Supabase和Vercel账户。建议先熟悉Next.js App Router的基础概念，并根据实际需求修改Supabase的数据库Schema和Row Level Security策略，以确保应用安全。
核心特点
与通用的Next.js模板相比，它深度集成了Supabase的客户端和服务端工具链，提供了开箱即用的、类型安全的数据库操作与用户认证流程；同时，其部署配置针对Vercel平台进行了专门优化，确保了开发与生产环境的一致性。
注意事项
不适合需要高度定制化后端架构或使用其他非Supabase数据库（如MongoDB）的项目。
常见问题
如何修改数据库表结构？
在Supabase控制台的Table Editor中直接修改，或使用SQL迁移文件，Skill的TypeScript类型会自动生成。
可以部署到其他平台吗？
可以，但需要自行调整构建和部署配置，Skill默认配置针对Vercel优化。