Claude Code実践テンプレート集｜Next.js/Supabase/FastAPI対応 全3構成

Claude Code（AIコーディングツール）でWebアプリを開発するための

CLAUDE.mdテンプレート集です。

プロジェクトルートに置くだけで、Claude Codeがプロジェクトの構成・

規約・実装順序を自動で把握し、的確なコードを生成してくれます。

チュートリアル的な内容ではなく、実際に本番稼働しているプロダクトから

抽出したパターンを収録しています。

━━━━━━━━━━━━━━━━━━━━━━━

【収録テンプレート 全3ファイル】

━━━━━━━━━━━━━━━━━━━━━━━

■ CLAUDE_SAAS.md

Next.js 14 + Supabase + Lemon Squeezy

月額課金SaaSを最速で作りたい場合に。

Supabase Auth・RLS設定・決済Webhookまでカバー。

■ CLAUDE_RAG.md

Next.js 14 + Supabase (pgvector) + OpenAI Embeddings + Claude API

PDFやテキストをAI検索するツールを作りたい場合に。

PDF取り込みスクリプト(Python)・類似度検索RPC・

SSEストリーミングのコードが丸ごと収録。

■ CLAUDE_FASTAPI.md

Next.js 14 + FastAPI (Python) + PostgreSQL

Pythonバックエンドが必要な場合に。

Docker Compose・JWT認証・Alembicマイグレーション・

Railway+Vercelデプロイまでカバー。

━━━━━━━━━━━━━━━━━━━━━━━

【使い方】

━━━━━━━━━━━━━━━━━━━━━━━

1. テンプレートをプロジェクトルートに CLAUDE.md として配置

2. [PROJECT_NAME] など [ ] の箇所を書き換える

3. claude コマンドで Claude Code を起動

4. 「Phase 1を実装して」と指示するだけ

━━━━━━━━━━━━━━━━━━━━━━━

【動作確認環境】

━━━━━━━━━━━━━━━━━━━━━━━

Node.js 20 LTS / Python 3.11+ / Claude Code 最新版（2025年5月時点）

━━━━━━━━━━━━━━━━━━━━━━━

【ご注意】

━━━━━━━━━━━━━━━━━━━━━━━

・本テンプレートの利用にはClaude Codeが必要です

・自プロジェクトへの利用・改変は自由です

・再販・再配布はご遠慮ください

・ご質問はBOOTHのメッセージ機能からどうぞ