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 の連携を備える。都度課金とサブスクを扱い、プラン管理、利用枠、顧客ポータルを含む。プロバイダを選び、キーを入れて料金表をつなげば、チェックアウトと Webhook の配線はもう用意されている。

react-email で作ったレスポンシブなメールテンプレートを同梱し、Resend、SES、Mailgun、Mailchimp、Cloudflare Emails に対応する。オンボーディング、通知、マーケティングの自動導線と、各プロバイダの設定ガイドも付く。大半のプロダクトが初日に送るトランザクションメールはこれで足りる。

Indie Kit は PostgreSQL と Drizzle ORM を使い、型付きのデータベース操作を行う。自動マイグレーションとコネクションプーリングを内蔵し、Supabase、Neon、PlanetScale、Upstash とも組み合わせられる。クエリは実行時の想定外ではなくコンパイル時に検査され、スキーマは好きな場所でホストできる。

SEO は標準装備だ。サイトマップの自動生成、JSON-LD の構造化データ、Open Graph タグ、そして MDX で作るブログを備える。UI コンポーネントも検索エンジン向けに最適化してあり、マーケティングページやブログ記事は追加プラグインなしで索引される。個人開発のプロダクトにとっては、公開後に後付けする作業が一つ減るということだ。

キットは 20 を超える Claude スキルを備え、auth、Stripe、SEO、データベース、UI、メール、ブログ、フォーム、ロゴ、画像、AI SDK といった作業を担う。Claude Code や対応エディタの中で、本番品質の機能コードを生成するためのものだ。プロジェクトの作法を読むため、生成コードは新しい流儀を持ち込まず、既存の構造になじみやすい。