Indie Kit

키트는 Next.js 16과 App Router, React v19, TypeScript, Tailwind CSS 위에 세워진다. 컴포넌트는 shadcn/ui에서 가져오고, 코드는 옛 Pages Router가 아니라 현행 관행을 따른다. 위에 쌓을 현대적 구조를 얻고, AI 스킬이 새 코드를 만들 때 겨냥하는 구조도 바로 이 구조다.

인증은 Better Auth가 맡아 이메일과 비밀번호, Google과 GitHub 소셜 로그인, 매직 링크, OAuth 콜백을 처리한다. 여기에 역할 기반 접근 제어, 사용자 관리, 지원용 계정 가장이 더해진다. 비밀번호와 세션, 공급자는 이미 설정돼 있어, 전체 흐름이 아니라 자기 사용자 모델만 연결하면 된다.

과금은 Stripe, Lemon Squeezy, DodoPayments, PayPal, Paddle 연동을 갖춘다. 단건 결제와 구독을 다루고, 요금제 관리와 사용량 한도, 고객 포털을 포함한다. 공급자를 골라 키를 넣고 요금표를 연결하면, 결제와 웹훅 배선은 이미 갖춰져 있다.

react-email로 만든 반응형 이메일 템플릿을 담고 Resend, SES, Mailgun, Mailchimp, Cloudflare Emails를 지원한다. 온보딩과 알림, 마케팅 자동 흐름과 공급자별 설정 가이드도 함께 온다. 대부분의 제품이 첫날 보내야 하는 트랜잭션 메일은 이걸로 커버된다.

Indie Kit은 PostgreSQL과 Drizzle ORM으로 타입 안전한 데이터베이스 작업을 한다. 자동 마이그레이션과 커넥션 풀링이 내장돼 있고, Supabase, Neon, PlanetScale, Upstash와도 맞물린다. 쿼리는 실행 시점의 뜻밖의 오류가 아니라 컴파일 시점에 검사되며, 스키마는 원하는 곳에 호스팅하면 된다.

SEO는 기본 제공이다. 사이트맵 자동 생성, JSON-LD 구조화 데이터, Open Graph 태그에 더해 MDX로 만든 블로그가 들어간다. UI 컴포넌트도 검색엔진에 맞춰 최적화돼, 마케팅 페이지나 블로그 글을 별도 플러그인 없이 색인할 수 있다. 인디 제품 입장에서는 출시 뒤에 덧대야 할 일이 하나 줄어든다는 뜻이다.

키트는 auth, Stripe, SEO, 데이터베이스, UI, 이메일, 블로그, 폼, 로고, 이미지, AI SDK 같은 작업을 위한 20개 넘는 Claude 스킬을 담는다. Claude Code나 다른 지원 편집기 안에서 바로 쓸 수 있는 기능 코드를 생성하는 용도다. 프로젝트 관행을 읽기 때문에, 생성 코드는 새 방식을 들여오기보다 기존 구조에 맞물리는 편이다.