nextbase nextjs supabase starter

NextBase首发

NextBase Lite是一个简单的Next.js 13 + Supabase样板。它包括一个带有打字稿，supabase和parwind Wesound CSS的JS 13应用程序。它包括所有新的app夹， layout组件，React server components等等！

特征

• Next.js 13带异步组件
• 数据获取示例在React服务器和客户端组件中。悬疑数据以最小的加载屏幕获取。
• ⚛qureation查询设置已配置
• 反应热吐司成分
• 用打字稿完全键入。包括用于supabase表的自动类型生成
• ？ parwindcss
• ？内置的单元测试和集成测试设置
• Eslint，TypeScript，Prettier，Postcss为开发和测试环境配置
• ？自动站点地图生成
• ？ SEO Metadata，JSON-LD和开放图标签带有下一个SEO
• ✍️语义释放与自动变更生成
• ？更漂亮的代码格式
• ？最小的样式
• 易于阅读和修改的代码库

发展

1. 克隆仓库
2. 用yarn安装依赖项
3. 如果您还没有一个帐户，请创建一个supabase帐户
4. 在Supabase中创建一个新项目
5. 使用yarn supabase link --project-ref <project-ref>链接到您的项目。您可以从Supabase Project仪表板（项目设置 - > API）获取项目参考
6. 重复.env.local.example并将其重命名为.env.local ，然后添加项目参考，supabase URL和Anon键。
7. 使用yarn supabase db push Push将数据库模式推入您的Supabase项目。
8. 使用yarn generate:types:local 。
9. 运行yarn dev以启动开发服务器。

测试

1. 使用yarn test单位测试
2. 使用yarn test:e2e

部署

这是一个简单的下一个项目。部署与其他任何其他项目相同。您可以将其部署到Vercel，Netlify或任何其他托管提供商。

贡献

欢迎捐款。请打开问题或公关。

执照

麻省理工学院

故障排除

查看常见问题的故障排除.md文件。

高级NextBase样板

还要签署我们的优质样板，并具有更多功能。它包括功能齐全的身份验证系统，用户配置文件，组织，行级安全性等等。