supastack의 TanStack Start 앱에는 무엇이 포함되나요?
플랜에 따라 다르지만 모든 라이선스에는 Vite와 TanStack Router 위의 완전한 supastack 제품이 포함됩니다: 타입 안전한 파일 기반 라우팅과 SSR, 서버 함수, 인증, 워크스페이스, 8개 결제 제공사 청구, AI 어시스턴트, OpenAPI 레퍼런스가 있는 관리 화면. Next.js 앱과 같은 스키마와 패키지를 읽으므로 두 웹 프런트엔드를 하나의 백엔드에서 실행할 수 있습니다.
일부가 아닌, SaaS 전체
대부분의 TanStack 스타터는 로그인 페이지와 할 일 목록에서 끝납니다. 이 앱은 supastack의 전체 화면, Next.js 앱이 제공하는 것과 같은 화면들, 을 렌더링하므로, TanStack Start를 선택해도 제품이 줄어들지 않습니다.
- 홈 대시보드, 분석, 제품 전체 검색
- 멤버, 초대, 보안 세션, SSO 설정
- 8개 결제 프로바이더에서 체크아웃, 요금제, 서명된 웹훅을 갖춘 빌링
- 워크스페이스별 예산이 있는 AI 어시스턴트 및 백그라운드 에이전트 작업
- OpenAPI 문서화 API와 앱 내 레퍼런스 페이지
- 온보딩, 알림, 이메일 미리보기, 피드백 받은편지함
- 같은 디자인 시스템 위의 13개 언어와 20개 이상의 테마 팩
팀이 TanStack Start를 선택하는 이유
Vite 8은 즉시 시작하고, TanStack Router는 엔드 투 엔드 타입 안전한 파일 기반 라우팅을 제공하며, 서버 함수는 호출하는 코드 가까이에 뮤테이션을 둡니다. 프레임워크 락인 없는 모던 React 스택입니다.
동일한 공유 패키지가 두 웹 앱을 모두 구동합니다, 인증, 데이터베이스, 빌링, AI, 작업, 이메일, 기능이 두 화면에 동시에 도착하고 제품 로직이 갈라지지 않습니다.
- TanStack Start + React
- TanStack Start + Vite
- 타입 안전 파일 기반 라우팅과 SSR
- TypeScript + Turborepo
- Better Auth
- Drizzle + PostgreSQL
- Sentry + PostHog
클론에서 프로덕션까지
설치 한 번, 공유 데이터베이스를 가리키도록 설정하면 Vite 개발 서버가 시드 데이터와 함께 몇 분 안에 실행됩니다. 프로덕션 빌드는 기본적으로 Node 서버로 실행되며, 다른 대상에는 Nitro 프리셋이 있습니다.
- 같은 모노레포, 같은 패키지, 설치 한 번으로 모든 앱 커버
- 타입 안전 라우트가 제품이 커져도 리팩터링을 정직하게 유지
- 가이드는 Next.js 세트와 동일, 학습 곡선이 평탄하게 유지
자주 묻는 질문
- TanStack Start 앱은 기능이 완전한가요?, 네. Next.js 앱과 같은 제품 화면, 홈, 분석, 멤버, 보안 세션, 빌링, 설정, OpenAPI 레퍼런스, 을 렌더링하며 같은 방식으로 테스트됩니다.
- Next.js와 TanStack Start 중 무엇을 선택해야 하나요?, 팀이 선호하는 프레임워크를 고르세요, 어차피 둘 다 받습니다. 비교 글에서 트레이드오프를 자세히 다룹니다.
- Next.js 앱과 데이터베이스를 공유하나요?, 네. 두 웹 앱 모두 같은 패키지를 통해 같은 스키마를 읽으므로 하나의 백엔드에서 한 쪽 또는 양쪽 프론트엔드를 운영할 수 있습니다.