firestarta

next.js saas bulerplate

このリポジトリは、ユーザー認証と管理およびサブスクリプションの支払いを必要とするnext.js SaaSプロジェクトの出発点（またはbulerplate）として機能します。現在、PrismaをPostgresデータベースで使用しており、必要に応じてカスタムSASSコンポーネントに加えてShadCN/UIコンポーネントを使用して構築されています。

Live Firestarta.dev

注記

現在、CorePackを介してYARN 4.1.0を使用しています。

スタック

スタックの変更または追加はこちらから更新されます

• next.js
• nextauth
• タイプスクリプト
• プリスマ
• Supabase（postgres）
• レモンスクイーズ（サブスクリプション）
• サス
• shadcn/ui
• Lucideアイコン

特徴

機能は特定の順序で開発されていません

• アプリディレクトリ
• ルートグループ
• インターセプトおよびパラレルルート
• CSR/SSR
• レモンスクイーズのサブスクリプション
• 基本的なSEO
• ユーザープロファイル
• アカウントページ
• カスタムコンポーネント
• 明るい/暗いモード一時的に削除されました
• レスポンシブデザイン
• ライトモード（テーマ）
• ダスボードレイアウト
• クッキー
• 国際化（多言語）
• カスタムエラー
• ロード状態のloading.tsx
• サイトマップ
• マニフェスト
• ブログ

プレビュー

設定

.env.localファイルを作成し、以下を使用してNextAuth Secretを生成します。

openssl rand -base64 32

.env.local

 NEXT_PUBLIC_SITE_URL=http://localhost:3000
NEXTAUTH_SECRET=
NEXTAUTH_URL=http://localhost:3000

GITHUB_SECRET=
GITHUB_ID=

DATABASE_URL=

LEMONSQUEEZY_STORE_ID=
LEMONSQUEEZY_API_KEY=
LEMONSQUEEZY_WEBHOOK_SECRET=

GitHub認証をセットアップします

ヒント

githubをセットアップするには、https：//github.com/settings/appsにアクセスして新しいアプリを作成します。コールバックURL [origin]/api/auth/callback/[provider] 、次のようになります。

はじめる

npx prisma migrate dev --name init
yarn dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。