nyngi-web-app
基于Next.js的全栈Web应用开发脚手架
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：nyngi-web-app。 它的用途是：基于Next.js的全栈Web应用开发脚手架 完整的 Skill 内容见：https://321skill.com/skills/nyngi-web-app/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要一个包含用户认证、数据库和AI聊天功能的Web应用原型，请帮我基于这个模板初始化项目并解释核心模块。”，它会指导你克隆仓库、配置环境变量，并解释app/page.tsx、Supabase客户端集成以及如何调用Gemini API的关键部分。
介绍
这是一个基于Next.js框架构建的全栈Web应用项目模板，旨在为开发者提供一个快速启动现代Web开发的坚实基础。它预置了Supabase数据库集成、Sentry错误监控、Google Gemini AI API接入以及Polar.sh订阅管理等功能，解决了从零开始配置复杂开发环境的繁琐问题。
使用方式非常简单，克隆项目后按照环境变量说明配置必要的API密钥和服务连接信息，即可通过npm run dev启动本地开发服务器。项目遵循Next.js App Router的最佳实践，并提供了清晰的目录结构和示例代码，方便开发者快速上手和定制。
该模板非常适合希望快速构建包含数据库、AI能力、错误监控和订阅支付等功能的现代Web应用的全栈开发者和前端开发者。无论是开发个人项目、创业原型还是企业内部工具，都能显著降低初始配置成本。
建议在使用前仔细阅读环境变量配置部分，确保所有必需的服务（如Supabase、Sentry、Google AI Studio等）账户已注册并获取相应密钥。对于生产环境部署，推荐使用Vercel平台以获得最佳的Next.js兼容性和性能。
核心特点
与普通的Next.js启动模板相比，它预集成了Supabase（数据库与后端即服务）、Sentry（错误监控）、Google Gemini AI以及Polar.sh（订阅管理）等生产级服务，提供了一个功能完备、开箱即用的全栈应用起点，而非仅包含基础框架。
注意事项
该项目模板集成了较多第三方服务，对于仅需简单静态页面或无需这些特定服务（如AI、订阅支付）的项目来说，配置可能显得冗余和复杂。
常见问题
如何配置环境变量？
复制.env.example文件为.env.local，并根据注释填写从各服务平台（Supabase, Sentry, Google AI Studio等）获取的实际密钥和URL。
这个项目支持部署到哪些平台？
项目基于Next.js构建，可以轻松部署到Vercel、Netlify等支持Node.js的平台，其中Vercel是官方推荐的一键部署平台。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/nyngi-web-app/raw/index.md 读取 nyngi-web-app 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/nyngi-web-app/raw/index.md（查看排版版本）