業務SaaS🤖 AI主導公開中
hayabusalean
プログラミング学習SaaS。日本市場特化型BFFボイラープレート(Hayabusa Kit)を活用して構築
Next.jsFastAPIPostgreSQLTypeScriptPythonStripeAuth.jspnpmshadcn/ui
// SCREENSHOT — 実際の画面
↗ https://programing-learn.ai-creators-hub.com/
// VIBE CODING RATIO
💪 自力実装 5%🤖 AI担当 95%
■ 設計・判断・レビュー■ AI実装
「日本市場向けプログラミング学習SaaSを作りたい」というテーマをAIに持ち込み、BFFアーキテクチャ・認証・課金・モノレポ構成をAIと壁打ちしながら固めた。動作確認とアーキテクチャ判断は自分が行っている。
// BACKGROUND — なぜ作ったか
日本市場向けSaaSを新規開発するたびに認証・課金・多言語対応・BFF構成をゼロから実装するのは非効率だった。LINE認証・日本語対応・Stripe課金を標準搭載した自社製ボイラープレート「Hayabusa Kit」を基盤に、プログラミング学習SaaSをAIと壁打ちしながら構築した。
// WHAT I DID — 何をやったか
Next.js 15(BFF)+ FastAPI(隔離バックエンド)+ PostgreSQL のモノレポ構成でプログラミング学習SaaSを構築した。
実装済み機能:Google/GitHub/LINEログイン(Auth.js)・Stripe決済(月額/年額プラン・Webhook処理)・マルチテナント(Organization単位の権限管理)・講座コンテンツ管理(シードデータ3コース)・Alembicマイグレーション・契約テスト(FastAPI)・Playwright E2E・React Email・pnpm workspacesモノレポ
// MY DECISIONS — 自分が設計・判断した部分
「プログラミング学習SaaSを作りたい」というテーマを持ち込み、BFFアーキテクチャの採用・モノレポ構成・Docker廃止→ネイティブ実行への移行判断はAIと壁打ちしながら一緒に固めた。動作確認とアーキテクチャ判断は自分が行っている。
// TECH DETAIL — 技術的な工夫
- **Next.js 15 App Router(BFF)**:フロントエンドとBFFを統合。TypeScript・Tailwind CSS・shadcn/ui
- **FastAPI(隔離バックエンド)**:Next.jsからのみアクセス可能。`X-Internal-API-Key`で認証
- **Auth.js**:Google/GitHub/LINEログイン対応。日本ユーザー向けにLINE認証を標準実装
- **Stripe**:月額/年額プラン・Webhook処理・Checkoutセッション
- **pnpm workspaces**:フロントエンド・バックエンドをモノレポで管理
- **Hayabusa Kit**:自社製日本市場特化型SaaSボイラープレートを基盤として採用
// SCREENSHOTS
// RELEASE NOTES
v1.02026-07
認証・課金・マルチテナント・講座コンテンツ・E2E・モノレポ構成 MVP完成
開発開始: 2026-07最終更新: 2026-07
