>_ sk.dev
works/hayabusalean
業務SaaS🤖 AI主導公開中

hayabusalean

プログラミング学習SaaS。日本市場特化型BFFボイラープレート(Hayabusa Kit)を活用して構築

🚀 デモを見る
Next.jsFastAPIPostgreSQLTypeScriptPythonStripeAuth.jspnpmshadcn/ui

// SCREENSHOT — 実際の画面

hayabusalean スクリーンショット
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

hayabusalean screenshot 1
1 / 3

// RELEASE NOTES

v1.02026-07

認証・課金・マルチテナント・講座コンテンツ・E2E・モノレポ構成 MVP完成

開発開始: 2026-07最終更新: 2026-07