firestarta

next.js SaaS樣板

該存儲庫是任何Next.js SaaS項目的起點（或樣板），該項目需要用戶身份驗證，管理和訂閱付款。它當前使用Prisma和Postgres數據庫，並在需要時使用ShadCN/UI組件構建，並在需要時使用自定義SASS組件。

直播firestarta.dev

筆記

現在通過CorePack使用紗4.1.0。

堆棧

更改或添加到Teh堆棧將在此處更新

• next.js
• Nextauth
• 打字稿
• Prisma
• supabase（Postgres）
• 檸檬擠壓（訂閱）
• Sass
• shadcn/ui
• Lucide圖標

特徵

功能是沒有特定順序開發的

• 應用目錄
• 路線組
• 攔截和平行路線
• CSR/SSR
• 用檸檬擠壓訂閱
• 基本SEO
• 用戶配置文件
• 帳戶頁
• 自定義組件
• 輕/深色模式暫時刪除
• 響應式設計
• 光模式（主題）
• dasboard佈局
• 餅乾
• 國際化（多語言）
• 自定義錯誤
• 加載狀態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]如NextAuth文檔中所述。

入門

npx prisma migrate dev --name init
yarn dev

打開http：// localhost：3000使用瀏覽器查看結果。