firestarta

다음 .js SaaS 보일러 플레이트

이 저장소는 사용자 인증 및 관리 및 구독 결제가 필요한 다음 Next.js SaaS 프로젝트의 출발점 (또는 보일러 플레이트) 역할을합니다. 현재 Postgres 데이터베이스와 함께 Prisma를 사용하고 필요할 때 Custom SASS 구성 요소 외에 Shadcn/UI 구성 요소를 사용하여 구축됩니다.

Live Firestar.dev

메모

이제 Corepack을 통해 Yarn 4.1.0을 사용합니다.

스택

TEH 스택의 변경 또는 추가는 여기에서 업데이트됩니다.

• 다음 .js
• Nextauth
• TypeScript
• 프리즘
• Supabase (Postgres)
• 레몬 스퀴지 (구독)
• 사스
• shadcn/ui
• 루시드 아이콘

특징

특징은 특정 순서로 개발되지 않습니다

• 앱 디렉토리
• 경로 그룹
• 가로 채기 및 병렬 경로
• 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를 방문하여 새 앱을 만듭니다. Callback URL은 다음 : NextAuth 문서에 명시된대로 [origin]/api/auth/callback/[provider] 이어야합니다.

시작하기

npx prisma migrate dev --name init
yarn dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.