Next.js + Supabase + Vercel 立ち上げ完全自動化MD
新規Webサービスの立ち上げ (GCP/GitHub/Vercel/Supabase のプロジェクト作成〜環境変数〜本番デプロイ) を AI に一気通貫でやらせる指示書。人間の作業はログイン1回だけ。
約44.9万トークンの節約 (API料金換算で約670円分)。 要件定義・技術調査・試行錯誤ぶんのトークンがまるごと不要になります。※ 出品者申告とレビューに基づく推定値。モデル・タスク内容により変動します。
この巻物について
「Next.js + Supabase + Vercel 立ち上げ完全自動化MD」は、Web開発カテゴリのAI指示書(MDファイル)です。新規Webサービスの立ち上げ (GCP/GitHub/Vercel/Supabase のプロジェクト作成〜環境変数〜本番デプロイ) を AI に一気通貫でやらせる指示書。人間の作業はログイン1回だけ。この巻物をAIに読み込ませると、ゼロから設計・調査する場合に比べて 約44.9万トークン(API料金換算で約670円)・86%のトークンを節約できます。
- カテゴリ
- Web開発
- 対応AI
- claude-code
- ライセンス
- CC BY 4.0
- 価格
- 無料
- ゼロから開発時
- 約52万トークン
- この巻物使用時
- 約7.1万トークン
- 節約量
- 約44.9万トークン (約670円)
- 更新日
- 2026-07-09
使い方 (AIに渡す3つの方法)
いちばん簡単なのはワンライナー。Claude Code のターミナルに貼るだけです。
claude "https://makimono-md.vercel.app/api/v1/files/nextjs-supabase-launch/raw を読み込んで、この指示書どおりに実装して"
中身
Next.js + Supabase + Vercel 立ち上げ完全自動化MD
新規プロジェクトの立ち上げで AI が「このコマンドを実行してください」と人間に投げ返すのを禁止し、 CLI で実行可能な操作をすべて AI 側で完結させるための指示書。
標準シーケンス (人間に頼むのは認証ログインだけ)
1. gcloud / gh / vercel / supabase CLI の認証確認 (未認証なら login 1回だけ依頼)
2. GCP プロジェクト作成 / API 有効化 / サービスアカウント作成 → gcloud で完結
3. Supabase プロジェクト作成 + migration → supabase CLI で完結
4. GitHub repo 作成 + push → gh CLI で完結
5. Vercel link + 環境変数投入 + 本番デプロイ → vercel CLI で完結
指示書に含まれるルール
- CLI 未インストールは AI が自分で入れる (winget / npm i -g の対応表つき)
- 環境変数の投入コマンド集 (
vercel env add,gh secret set,supabase secrets set) - 検証まで AI 側で完結: デプロイ後に
vercel inspectで Ready 確認 → 本番 URL を curl して レスポンス検証 → そこまでやってから完了報告する報告テンプレート - やってはいけない集: Web UI クリック手順の案内 / 「あとは確認してください」型の丸投げ
プロジェクト構成テンプレ
App Router + TypeScript + Tailwind + Supabase (RLS 有効) + Playwright e2e の初期構成、
package.json の verify スクリプト (typecheck + unit + e2e 一括) を含む。
よくある質問
+「Next.js + Supabase + Vercel 立ち上げ完全自動化MD」とは何ですか?
新規Webサービスの立ち上げ (GCP/GitHub/Vercel/Supabase のプロジェクト作成〜環境変数〜本番デプロイ) を AI に一気通貫でやらせる指示書。人間の作業はログイン1回だけ。
+どれくらいトークン(費用)を節約できますか?
ゼロから開発すると約52万トークンかかりますが、この巻物を使えば約7.1万トークンで済みます。差し引き約44.9万トークン(API料金換算で約670円)・86%の節約です。
+どうやって使いますか?
無料です。MDファイルを Claude Code などのAIに読み込ませるだけ。ワンライナーをターミナルに貼れば実装が始まります。要件定義や技術調査を省いて実装だけにトークンを使えます。
+どのAIツールに対応していますか?
claude-code に対応しています。
+商用利用できますか?
ライセンスは「CC BY 4.0」です。
🤝 自分でAIを動かすのは、まだ不安…という方へ
この巻物の内容を、AIを使うプロに丸ごと任せることもできます。姉妹サービスAI代行堂なら「LINEで頼むだけで、仕事が完成」。
関連する巻物
この巻物、誰かのトークンも救えます
𝕏 で節約レシートをシェア