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樣板

還要簽署我們的優質樣板，並具有更多功能。它包括功能齊全的身份驗證系統，用戶配置文件，組織，行級安全性等等。