nextjs starter kit

入门

先决条件

• Node.js和纱线/bun已安装
• 帐户和API键：
  • supabase
  • 条纹（如果使用付款）
  • 文员（如果使用身份验证）

设置

1. 克隆存储库：

    git clone <repository-url>
   cd <project-directory>
   

2. 安装依赖项：

    yarn
   

3. 设置环境变量：在根目录中创建一个.env文件，并具有以下变量：

    SUPABASE_URL=<your-supabase-project-url>
   SUPABASE_SERVICE_KEY=<your-supabase-service-key>
   
   # If using Stripe
   STRIPE_SECRET_KEY=<your-stripe-secret-key>
   NEXT_PUBLIC_STRIPE_PRICE_ID=<your-stripe-price-id>
   
   # If using Clerk
   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<your-clerk-publishable-key>
   CLERK_SECRET_KEY=<your-clerk-secret-key>
   NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
   NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
   NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
   NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
   

4. 配置功能：在config.ts中，设置所需的功能：

    const config = {
     auth : {
       enabled : true , // Set to false if not using Clerk
     } ,
     payments : {
       enabled : true , // Set to false if not using Stripe
     }
   } ;

5. 设置数据库：运行Prisma迁移：

    npx prisma migrate dev
   

6. 启动开发服务器：

    yarn dev
   

7. 打开浏览器并导航到http://localhost:3000以查看您的应用程序运行。

其他配置

• webhooks：为文员设置Webhooks（如果使用auth）at /api/auth/webhook以及条纹（如果使用付款）at /api/payments/webhook 。
• 根据需要自定义着陆页，仪表板和其他组件。
• 如果您需要更改数据库结构，请在prisma/schema.prisma中修改Prisma架构。

重要的安全说明

• 在Supabase项目中启用行级别安全性（RLS），以确保数据库级别的数据保护。
• 始终在服务器端（在API路由或服务器组件中）进行Supabase调用，以确保您的服务密钥安全。

了解更多

有关更多详细信息，请参阅本项目中使用的各个技术的文档：

• next.js文档
• 尾风CSS文档
• supabase文档
• Prisma文档
• 文员文档（如果使用auth）
• 条纹文档（如果使用付款）