BuilderKit

BuilderKit

1811 Labs · コーディング

BuilderKit は AI プロダクト向けの Next.js SaaS ボイラープレートだ。一度支払えば、認証、Stripe 決済、AI モジュール、17 本のデモアプリが入ったコードが自分のものになる。

BuilderKit の画面プレビュー

BuilderKit について

About

BuilderKit とは

BuilderKit はコードとして届く AI スターターキットであり、ホスティング型のサービスではない。支払いを済ませるとプライベート GitHub リポジトリへのアクセスが開き、空のフォルダから始める代わりに、すでに動く Next.js アプリを複製できる。コードは TypeScript で書かれ、多くの開発者が一から作り直す部分を引き受ける。ログイン、サブスクリプション、データベースのテーブル、トランザクションメール、そして AI 機能のいくつかだ。

技術構成はよくある組み合わせで、ドキュメントも整っている。アプリは Next.js、画面は Tailwind CSS と shadcn のコンポーネント、データベースと認証、行レベルセキュリティは Supabase が担う。デプロイ先は Vercel で、長い AI リクエストがタイムアウトで切れないと公式サイトは説明する。これは実務的に効く。チャットの応答は、サーバーレス関数の既定の制限より長くかかることがあるからだ。

購入前に制約も知っておきたい。BuilderKit はノーコードのツールではない。React と Next.js のコードを読み、ターミナルでいくつかコマンドを実行し、OpenAI や Anthropic など使うモデルの API キーを自分で用意する必要がある。無料トライアルも返金もない。つまり購入はドキュメントの質への賭けになる。読んだ範囲では、Next.js のプロジェクトに慣れていれば十分に足りる内容だ。

はじめかた

  1. builderkit.ai でプランを購入する。クーポンは決済時に適用され、必要なコードの範囲に応じて Landing Pages、Starter、Pro から選ぶ。
  2. メールで届く GitHub の招待を承認し、リポジトリを複製してインストールコマンドを実行する。
  3. Supabase でプロジェクトを作り、URL とキーを環境変数ファイルに貼り、同梱の SQL を実行してテーブル、ポリシー、ストレージを用意する。
  4. 使うモデルのキーを設定する。初日から課金するなら Stripe か Lemon Squeezy のキーも入れる。
  5. Vercel にデプロイしてドメインをつなぎ、不要なデモアプリを削除する。ユーザーごとのトークン消費は管理画面で確認できる。

AIツール情報

BuilderKitの料金、対応プラットフォーム、性能を簡単に確認できます。

無料プランいいえ
有料プラン$99 - $1,999 one time
プラットフォームWeb, built on Next.js and deployed to Vercel
開発元1811 Labs
カテゴリコーディング
リリース日Apr 2024
最終更新Mar 2025
サイト訪問数3.7K
サイト世界ランキング4.9M
API提供状況いいえ

こんな人におすすめ

このツールが最も力を発揮するユーザー、タスク、シーン。

ユーザー

  • React と Next.js の開発者:フレームワークに慣れていれば、リポジトリは未知の箱ではなく見慣れたコードとして読める。Next.js アプリを一度も公開したことがないなら、1 週間の学習期間を見ておきたい。
  • 自分でコードを書ける個人開発者:認証、課金、メールは地味な 40 時間分の作業だ。買ったほうが安い。ただし、その後の保守は自分で引き受ける前提になる。
  • AI のアイデアを試す小規模チーム:決済の流れが動けば実際に課金でき、バックエンドエンジニアを雇う前に需要を測れる。

タスク

  • Google ログイン、マジックリンク、Stripe のサブスクを組み込む:連携はすでにつながっており、Webhook と保護されたルートも含まれる。
  • チャット、テキスト生成、画像生成、音声のモジュールを足す:各モジュールは独立したフォルダで、自分のルートにコピーして使える。
  • 製品ができる前に待機リストとマーケティングページを出す:13〜15 種類のランディングページ雛形が一般的な SaaS の構成を覆う。
  • 期日が決まった案件でクライアントに試作を渡す:完成したデモアプリがあれば、初回の打ち合わせで触ってもらえる。

シーン

  • 週末で決済まで動く最小構成を作る:Supabase と Stripe をつなぎ、不要なデモアプリを消せば、そのまま請求できる製品の骨格になる。
  • AI 機能を作る前に需要を確かめる:17 本のデモアプリの一つを動かし、ユーザーに見せ、管理画面のトークン数を眺める。
  • 受託や代理店の仕事:同じベースリポジトリを複数案件で使い回せる。ライセンスは自分で作るアプリの数に制限を設けていない。

主な機能

自分のものになる Next.js コード

受け取るのはソースコードであり、ホスティングのアカウントではない。リポジトリは Next.js、TypeScript、Tailwind、shadcn のコンポーネントで動き、サーバーサイドレンダリング、Edge 関数、ファイルアップロード、型付きの API ルートを含む。どこもプラットフォームに閉じていないため、どの部分でも書き換えられ、後から別のホストへ移すことも、顧客にそのまま渡すこともできる。その自由の代価は保守だ。依存パッケージの更新は自分の仕事になる。

モデルを選べる 5 つの AI モジュール

AI 層はチャット、テキスト生成、画像生成、音声認識、音声合成に分かれる。チャットモジュールには OpenAI、Claude、Mistral、Llama、DeepSeek のアダプタが入っており、モデルの切り替えは環境変数と小さな設定変更でほぼ済む。文字起こしは Whisper か Deepgram を通し、画像生成は Stable Diffusion と Astria のモデルに対応する。どのモジュールも応答をストリーミングするので、長い回答が固まったように見えない。

認証、決済、メールは接続済み

Supabase が Google ログイン、マジックリンク、メールログイン、セッションの保存を担い、保護ページ用のラッパーも用意されている。課金は Stripe か Lemon Squeezy の決済リンクで動き、2025 年 3 月の更新でサブスクリプション管理が加わった。月払いと年払いの選択、プランごとのクレジット残高、顧客ポータルが含まれる。トランザクションメールは Loops か Resend につながり、サポート用に Crisp のウィジェットもある。

完成済みのデモアプリ 17 本

Pro プランには 17 本のデモアプリが付く。複数モデルの ChatGPT クローン、PDF とのチャット、YouTube とのチャット、画像生成、インテリアデザイン、QR コード生成、ポートレート用のモデル学習、YouTube コンテンツの再利用などだ。どれも動く参考実装であり、機能一覧より役に立つ。ストリーミング、アップロード、クレジット確認が実際のルートでどう噛み合うかが見える。Starter プランでは 5 本に減る。

管理画面とトークン消費の把握

組み込みの管理画面はユーザー、プラン、トークン消費を一覧にし、プランを手動で変更できる。AI 製品では利用量がそのまま原価なので、最初からユーザー別のカウンターがあると自前の計測を書かずに済む。同じ画面で消費がリアルタイムに更新されるため、ひとりのヘビーユーザーが利益を削っているときに気づける。

ランディングページ、待機リスト、SEO

キットには 13〜15 のランディングページセクション、待機リストの雛形、meta と OpenGraph のタグ、sitemap の自動生成、下書き付きのプライバシーポリシーと利用規約ページが入る。アプリが動く状態から Product Hunt に出せる状態までの、地味な作業を覆う。SEO の部分は Next.js の標準的なメタデータであり独自システムではないので、期待どおりに動く。

メリットとデメリット

メリット

  • 買い切りで月額なし。ライセンスは自分で作る商用アプリの数に上限を設けていない。
  • 認証、課金、メール、管理画面がつながった状態で届き、個人開発で最も遅い工程をなくせる。
  • 17 本のデモアプリは動くコードで、ストリーミング、アップロード、クレジット確認を文脈ごと読める。
  • アダプタが OpenAI、Claude、Mistral、Llama、DeepSeek を覆うため、特定ベンダーに固定されない。
  • ドキュメント、動画チュートリアル、変更履歴が付属し、2025 年 3 月のサブスク更新はリポジトリが今も動いている証拠だ。

デメリット

  • React と Next.js の実務知識が要る。コードを書かない人なら最初の環境変数で止まる。
  • 無料トライアルも返金もなく、コードを見る前に支払うことになる。先にドキュメントを読むべきだ。
  • 99 ドルのプランはランディングページの雛形だけで、アプリの土台は含まれない。この違いは見落としやすい。
  • サポートはメールと Discord で、マネージドサービスではない。依存関係が壊れたら自分で直すことになる。

よくある質問

BuilderKit は Next.js で AI SaaS を作るための有料コードテンプレートだ。1 回の購入で、認証、サブスク決済、AI モジュール、管理画面、複数のデモアプリが入ったプライベート GitHub リポジトリを利用できる。