next.jsサブスクリプションスターターテンプレートを完了します
next.js、tailwindcss、およびSupabaseを使用して、高性能SaaSアプリケーションを構築するためのオールインワンスターターキット。
警告:このアプリは進行中の作業です。私は公の場でこれを構築しています。 Twitter @antoineross__で進行状況に従ってください。以下の機能をご覧ください。
?特徴
- ?完全な認証パッケージ:Supabaseを使用したユーザー管理と認証をセキュア
- データ管理:Supabaseを使用したPostgreSQLの上に強力なデータアクセスと管理ツール
- ?ストライプ統合:ストライプチェックアウトとストライプカスタマーポータルとのシームレスな統合
- 価格設定とサブスクリプション:Stripe Webhooksを介した価格設定計画とサブスクリプションステータスの自動同期
- ? TailWindCSS&TailWind UI :Tailwind UIを使用したカスタマイズされた柔軟なUIコンポーネント
- ⚛⚛§React18:React 18で最新の機能と改善をお楽しみください
- タイプスクリプト:開発エクスペリエンスを向上させるための強力なタイプ化されたプログラミング
- ? SHADCN/UI :美しくカスタマイズ可能なUIコンポーネント
- ? ZODの検証:データを安全に保つためのスキーマ検証
- ?テストツール:Jest、React Testing Library、およびPlaywrightを使用した統合ユニットとE2Eテスト
- ?
- ? Supabaseストレージ- 含まれるポリシーの設定とブラウザでの画像圧縮の処理。
- ⼬ TRPC -APIに非常にリーンTRPCルーターを追加する方法に関するガイドを含めました。 3つのフォルダーと1つのファイルを追加するだけです。
- ローカル開発:Supabase、Docker、および一連のカスタムコマンドでローカルに開発する
- ドキュメントとブログ:オープンソースプロジェクトFumadocsのMDXコンパイラを使用して、ドキュメントとブログコンテンツを使用します。
?デモ
ライブデモ
ヒーローセクション: 
ダッシュボードビュー: 
価格表: 
ドキュメント: 
ブログ:ブログ
?クイックスタートガイド
クイックスタートガイドに従って、すぐに起きて実行します。
ライブに行く
1。アーカイブテスト製品
ライブに行く前に、すべてのテストモードストライプ製品をアーカイブします。テストモードから生産モードにストライプを切り替え、環境変数を更新します。
2。RedePloy
環境変数を更新した後、vercelからアプリケーションを再展開します。
追加機能
- ?分析準備完了:Googleアナリティクスなどの分析ツールとの簡単な統合
- I18Nサポート:パラグライドによる組み込みの国際化
- Lighthouse Performance :最適化されたパフォーマンス、アクセシビリティ、SEOで完璧なスコアを達成する
?貢献
貢献する:
- リポジトリをフォークします。
- 新しいブランチを作成します。
- 変更を加えてコミットしてください。
- フォークリポジトリにプッシュします。
- プルリクエストを作成します。
❤❤§サポート
プロジェクトが好きなら、星を離れることを検討してください。 ?
アントワーヌ・ロスによって作られました。