nextbase nextjs supabase starter

NextBaseスターター

NextBase Liteは、シンプルなNext.js 13 + Supabaseボイラープレートです。 TypeScript、Supabase、Tailwind CSSを搭載したnext.js 13アプリが含まれています。すべての新しいappフォルダー、 layoutコンポーネント、React server componentsなどが含まれます！

特徴

• Asyncコンポーネントを備えたJS 13
• React Serverおよびクライアントコンポーネントの例を取得するデータ。最小限の読み込み画面を使用したサスペンスデータフェッチ。
• over -React -Queryセットアップを構成しました
• ホットトーストコンポーネントを反応します
• TypeScriptで完全に入力されました。サパベーステーブル用の自動タイプ生成が含まれています
• ？ Tailwindcss
• ？組み込まれたユニットテストと統合テストのセットアップが組み込まれています
• Eslint、TypeScript、よりきれい、DEVおよびテスト環境向けに構成されたPOSCSS
• ？自動サイトマップ生成
• ？ SEOメタデータ、JSON-LD、および次のSEOを使用したオープングラフタグ
• 自動チェンジログ生成によるセマンティックリリース
• ？きれいなコードフォーマッタ
• ？最小限のスタイリング
• 読みやすく修正しやすいコードベース

発達

1. レポをクローンします
2. yarnで依存関係をインストールします
3. あなたがまだ持っていない場合は、Supabaseアカウントを作成します
4. Supabaseで新しいプロジェクトを作成します
5. yarn supabase link --project-ref <project-ref>を使用して、Supabaseをプロジェクトにリンクします。 Supabaseプロジェクトダッシュボード（プロジェクト設定 - > API）からプロジェクトREFを入手できます
6. duplicate .env.local.exampleを.env.localに変更して変更し、Project Ref、Supabase URL、Anon Keyを追加します。
7. yarn supabase db pushを使用して、データベーススキーマをSupabaseプロジェクトに押し込みます。
8. yarn generate:types:local 。
9. yarn devを実行して、開発サーバーを起動します。

テスト

1. yarn testを使用したユニットテスト
2. yarn test:e2e

展開

これは簡単なnext.jsプロジェクトです。展開は、他のnext.jsプロジェクトと同じです。 vercel、netlify、またはその他のホスティングプロバイダーに展開できます。

貢献

貢献は大歓迎です。問題またはPRを開いてください。

ライセンス

mit

トラブルシューティング

一般的な問題については、Troubleshooting.mdファイルをチェックアウトします。

プレミアムNextBaseボイラープレート

また、より多くの機能を備えたプレミアムボイラープレートをチェックアウトします。完全に機能的な認証システム、ユーザープロファイル、組織、行レベルのセキュリティなどが含まれます。