다음 전체를 완료하십시오 .JS 구독 스타터 템플릿
Next.js, Tailwindcss 및 Supabase를 사용하여 고성능 SaaS 애플리케이션을 구축하기위한 올인원 스타터 키트.
경고 :이 앱은 진행중인 작업입니다. 나는 이것을 공개적으로 만들고있다. 트위터 @antoineross__의 진행 상황을 따르십시오. 아래 기능을 확인하십시오.
? 특징
- ? 완전한 인증 패키지 : Supabase를 사용하여 보안 사용자 관리 및 인증
- 데이터 관리 : Supabase를 사용하여 PostgreSQL 위에 강력한 데이터 액세스 및 관리 툴링
- ? 스트라이프 통합 : 스트라이프 체크 아웃 및 스트라이프 고객 포털과 원활한 통합
- 가격 및 구독 : Stripe Webhooks를 통한 가격 계획 및 구독 상태의 자동 동기화
- ? Tailwindcss & Tailwind UI : Tailwind UI가있는 맞춤형 및 유연한 UI 구성 요소
- ⚛️ React 18 : React 18의 최신 기능과 개선을 즐기십시오.
- TypeScript : 더 나은 개발 경험을위한 강력하게 입력 한 프로그래밍
- ? Shadcn/UI : 아름답고 사용자 정의 가능한 UI 구성 요소
- ? ZOD 유효성 검사 : 데이터를 안전하고 사운드로 유지하기위한 스키마 유효성 검사
- ? 테스트 도구 : JEST, React Testing Library 및 극작가를 통한 통합 장치 및 E2E 테스트
- ? es 개발자 경험 : 코드 품질 및 일관성을 유지하기위한 Eslint, Pretier, Husky 및 Commitlint
- ? Supabase Storage- 포함 된 정책을 설정하고 브라우저에서 이미지 압축 처리가 포함되어 있습니다.
- trpc- API에 매우 린 TRPC 라우터를 추가하는 방법에 대한 안내서가 포함되어 있습니다. 3 개의 폴더와 1 개의 파일 만 추가하면됩니다.
- 현지 개발 : Supabase, Docker 및 일련의 사용자 정의 명령으로 로컬 개발
- 문서 및 블로그 : 문서 및 블로그 컨텐츠를 위해 Open-Source Project Fumadocs의 MDX 컴파일러를 활용하십시오.
? 데모
라이브 데모
영웅 섹션 : 
대시 보드보기 : 
가격 테이블 : 
선적 서류 비치: 
블로그 : 
? 빠른 시작 가이드
빠른 시작 가이드를 따라 빨리 일어나서 실행하십시오.
라이브
1. 아카이브 테스트 제품
라이브가되기 전에 모든 테스트 모드 스트라이프 제품을 보관하십시오. 스트라이프를 테스트 모드에서 생산 모드로 전환하고 환경 변수를 업데이트하십시오.
2. 재개
환경 변수를 업데이트 한 후 Vercel을 통해 응용 프로그램을 재배치하십시오.
추가 기능
- ? Analytics Ready : Google Analytics와 같은 분석 도구와의 쉬운 통합
- I18N 지원 : 파라글라이드와의 내장 국제화
- Lighthouse Performance : 최적화 된 성능, 접근성 및 SEO로 완벽한 점수를 얻습니다.
? 기부금
기여 :
- 저장소를 포크하십시오.
- 새 지점을 만듭니다.
- 당신의 변화를 만들고 그들을 커밋하십시오.
- 포크 리포지토리로 밀어 넣으십시오.
- 풀 요청을 만듭니다.
❤️ 지원
프로젝트를 좋아한다면 별을 떠나는 것을 고려하십시오. ?
Antoine Ross에 의해 만들어졌습니다.
