next saas stripe starter

다음 Saas Stripe 스타터

Saas 스타터와 함께 최고 속도로 시작하십시오!

소개 · 설치 · 기술 스택 + 기능 · 저자 · 크레딧

소개

JS 14, Prisma, Neon, Auth.js V5, Resend, React Email, Shadcn/UI 및 Stripe의 스택으로 다음 프로젝트를 강화하십시오.
SaaS 스타터와 완벽하게 통합되어 개발 및 SaaS 여행을 가속화합니다.

설치

다음 명령으로 클론 및이 리포지션을 로컬로 작성하십시오.

npx create-next-app my-saas-project --example " https://github.com/mickasmt/next-saas-stripe-starter "

또는 Vercel과 함께 배포 :

단계

1. PNPM을 사용하여 종속성 설치 :

pnpm install

2. .env.example .env.local 로 복사하고 변수를 업데이트하십시오.

cp .env.example .env.local

3. 개발 서버 시작 :

pnpm run dev

메모

이 프로젝트를 업데이트하기 위해 NPM-Check Updates 패키지를 사용합니다.

프로젝트 업데이트 에이 명령을 사용하십시오 : ncu -i --format group

로드맵

• Eslint를 V9로 업그레이드하십시오
• 성공 구독에 대한 재설정 추가

기술 스택 + 기능

Saas-starter-demo.mp4

프레임 워크

• Next.js - 최상의 개발자 경험을 갖춘 수행자 앱을 구축하기위한 반응 프레임 워크
• Auth.js - Google, Twitter, Github 등과 같은 제공 업체를 사용하여 사용자 인증을 쉽게 처리합니다.
• PRISMA-Node.js 용 TypeScript-First ORM
• 반응 이메일 - 효율적이고 유연한 이메일 개발을위한 다목적 이메일 프레임 워크

플랫폼

• Vercel - GIT로 쉽게 미리보기 및 변경 사항을 배포합니다
• 재판매 - 간소화 된 이메일 개발을위한 강력한 이메일 프레임 워크
• NEON - 자동화, 분기, 바닥이없는 스토리지 및 관대 한 자유 계층이있는 서버리스 포스트 그레.

UI

• Tailwind CSS-빠른 UI 개발을위한 유틸리티 우선 CSS 프레임 워크
• Shadcn/UI-Radix UI 및 Tailwind CSS를 사용하여 구축 된 재사용 가능한 구성 요소
• 프레이머 모션 - 애니메이션 구성 요소에 쉽게 반응하는 모션 라이브러리
• Lucide-아름답게 단순하고 픽셀-완벽한 아이콘
• next/font - 사용자 지정 글꼴 최적화 및 외부 네트워크 요청 제거 성능 향상
• ImageResponse - 가장자리에서 동적 열린 그래프 이미지 생성

갈고리와 유틸리티

• useIntersectionObserver - 요소가 뷰포트에 들어가거나 떠날 때 관찰 할 반응 후크
• useLocalStorage - 브라우저의 로컬 스토리지에서 데이터를 지속시킵니다
• useScroll - 스크롤 위치를 관찰하기 위해 반응 후크 (예)
• nFormatter - 1.2k 또는 1.2M 와 같은 접미사가있는 형식 번호
• capitalize - 문자열의 첫 글자를 대문자
• truncate - 지정된 길이로 문자열을 잘라냅니다
• use-debounce -기능 호출 / 상태 업데이트를 분해합니다

코드 품질

• TypeScript-엔드 투 엔드 타입 안전을위한 정적 유형 검사기
• 더 예쁘다 - 일관된 코드 스타일을위한 의견이 많은 코드 포맷터
• eslint - 다음 .js 및 typescript 용 플러그 가능한 린터

여러 가지 잡다한

• Vercel Analytics-개인 정보 친화적 인 방식으로 고유 한 방문자, Pageviews 등을 추적합니다.

작가

2023 년 @miickasmt가 만든 MIT 라이센스에 따라 출시되었습니다.

크레딧

이 프로젝트는 Shadcn의 분류, Steven Tey 's Predent 및 Antonio Erdeljac의 다음 13 AI Saa에서 영감을 받았습니다.

• Shadcn (@shadcn)
• Steven Tey (@steventey)
• Antonio Erdeljac (@ytcodeantonio)