🚀 完整的Next.js订阅启动模板
这是一个全能型启动套件,用于使用Next.js、TailwindCSS和Supabase构建高性能SaaS应用程序。
警告:这个应用程序仍在开发中。我正在公开构建它。在Twitter @antoineross__上关注进展。查看下面的功能。
🎉 特性
- 🔐 完整的身份验证包:使用Supabase进行安全的用户管理和身份验证
- 🛠️ 数据管理:基于PostgreSQL的强大数据访问和管理工具,由Supabase提供
- 💳 Stripe集成:与Stripe Checkout和Stripe客户门户无缝集成
- 🌐 定价和订阅:通过Stripe webhooks自动同步定价计划和订阅状态
- 🌈 TailwindCSS和Tailwind UI:使用Tailwind UI定制和灵活的UI组件
- ⚛️ React 18:享受React 18的最新功能和改进
- 📘 TypeScript:强类型编程,提供更好的开发体验
- 🎨 Shadcn/ui:美观且可定制的UI组件
- 🔍 Zod验证:模式验证,确保数据安全可靠
- 🧪 测试工具:集成了Jest、React Testing Library和Playwright的单元和端到端测试
- 🧑💻 开发者体验:ESLint、Prettier、Husky和Commitlint,用于维护代码质量和一致性
- ⚙️ 本地开发:使用Supabase、Docker和一组自定义命令进行本地开发
- 📚 文档和博客:利用开源项目Fumadocs的MDX编译器处理文档和博客内容
🎬 演示
首页部分:
仪表盘视图:
定价表:
文档:
博客:
📄 快速入门指南
按照快速入门指南快速上手。
🚀 上线准备
1. 归档测试产品
上线前,归档所有测试模式的Stripe产品。将Stripe从测试模式切换到生产模式,并更新您的环境变量。
2. 重新部署
更新环境变量后,通过Vercel重新部署您的应用程序。
📚 附加功能
- 📈 分析就绪:轻松集成Google Analytics等分析工具
- 🌐 国际化支持:使用Paraglide内置国际化支持
- 🔥 Lighthouse性能:通过优化性能、可访问性和SEO达到完美分数
🤝 贡献
要贡献代码:
- Fork仓库。
- 创建新分支。
- 进行更改并提交。
- 推送到forked仓库。
- 创建拉取请求。
❤️ 支持
如果您喜欢这个项目,请考虑给它一个星标。🌟
由Antoine Ross制作。