ShipFast
Marc Lou · コーディング
ShipFastはMarc Louが作ったNext.jsボイラープレートだ。決済、ログイン、メール、データベース、SEOが最初からつながっている。SaaSでもAIツールでも、数週間ではなく数日で公開できる。
ShipFast について
About
ShipFastとは
ShipFastはNext.jsでWebアプリを作るための有料コードテンプレートだ。空のフォルダから始めるのではない。動くアプリが届き、面倒な部分は片付いている。カード決済まで作られた料金ページ、ログインの流れ、ブログ、受信箱に届くメール。リポジトリに入ったあと、JavaScriptかTypeScript、App RouterかPages Routerを選ぶ。
この製品が生まれたのは、何度でも繰り返される手間のせいだ。ひとりで作る人は毎回同じ土台を組み直す。Stripeのwebhook、DKIMレコード、Google OAuthの同意画面、SEOメタデータ、データベース接続。どれも半日かかる。合わせると最初の1か月が消える。しかも、そのどれも製品を差別化しない。
ShipFastが売っているのはこの交換であり、境界もはっきりしている。Next.jsスターターキットであって、サイトビルダーではない。機能は自分でReactで書くし、Next.jsに慣れている必要がある。ホスティング版も無料プランもビジュアルエディタもない。コードを触らず完成品が欲しい人には向かない。
はじめかた
- shipfa.stでStarterかAll-inを選び、一度だけ支払う。リポジトリへのアクセスは決済直後に届く。
- リポジトリを自分のGitHubアカウントに複製し、VS CodeかCursorで開く。
- 決済サービス、データベース、メールサービスの環境変数を埋める。初期値はStripe、MongoDB、Mailgunを前提にしており、どの部分もきれいに差し替えられる。
- ドキュメント付属のチュートリアルを進める。OAuthキー、送信用サブドメインのDNSレコード、Vercelへの初回デプロイまでを扱う。
- デモの文章と料金表を自分のものに置き換え、告知の前にテスト決済を1件通す。
AIツール情報
ShipFastの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- 個人開発者とひとり起業家：ふだん1か月かかる土台作りが済んでいるため、最初の版を週末に公開できる。ReactとNext.jsの実務知識は要る。
- モダンなNext.jsを学ぶ開発者：リポジトリには実際のApp Router構成があり、サーバーコンポーネント、保護されたルート、Stripeのwebhookが同じ場所にそろう。チュートリアルを5本つなぐより速い。
- AIラッパーを出す小さなチーム：チャット画面、利用上限、有料プランはどれも同じ形をしている。このコードベースは3つ同時にスタート地点を与える。
タスク
- 新しいSaaSで決済を受け取る：Stripeのチェックアウト、サブスクのwebhook、顧客ポータルがつながっている。最初の試作でほぼ全員がつまずく部分を飛ばせる。
- Googleログインとマジックリンクを足す：両方の流れが同梱され、コールバックルートとセッション処理も書かれている。
- SEOタグの正しいブログを立ち上げる：ブログ、サイトマップ、メタデータ用の補助関数がリポジトリに入っている。コンテンツページに別の構築は不要だ。
シーン
- 週末に作ったMVPで、月曜には実際の入金が要る：決済の実装はゼロからだと最も時間を食う。ここではテスト済みだ。
- 仕事を辞める前にアイデアを試す：買い切りでプロジェクト数は無制限。1本を寝かせて次を始めても、追加の支払いはない。
- 同じ構成を顧客ごとに作り直す受託開発：コンポーネントとセクションを使い回せるため、新しい案件の見積もりが短くなる。
主な機能
StripeとLemon Squeezyにつながる決済
チェックアウト、サブスクのwebhook、請求ポータルは最初から接続済みだ。キーを貼り、価格を決めれば流れが動く。更新、カード失敗、解約はリポジトリにあるwebhookイベントが処理する。Stripeの税務ルールを自分で抱えたくない場合はLemon Squeezyを選べる。購入の決め手になりやすい機能だ。決済の不具合は売上を直接削る。
Google OAuthとマジックリンクのログイン
入り口は2つ用意されている。Google OAuthが通常のケースを拾い、マジックリンクはパスワードを増やしたくない人に向く。セッション管理、保護ルート、ログイン後のリダイレクトはすでに書かれている。時間はログイン画面ではなくダッシュボードに使える。
迷惑メールに入らないトランザクションメール
ShipFastはMailgunかResendを、配送を左右するDNSレコードと一緒に設定する。送信用サブドメインのDKIM、DMARC、SPFだ。受信と転送用のwebhookも付く。これらのレコードがないと、パスワード再設定のメールが迷惑メールに落ち、利用者はアプリが壊れたと判断する。
データベースと保護されたAPIルート
MongoDBとSupabaseに対応し、接続層とサンプルモデルも入っている。APIルートには保護の型が用意され、ログイン必須のルートが匿名リクエストにうっかり応答することはない。Postgresへ移すときはデータ層を差し替える。アプリ全体を書き直す必要はない。
SEO、ブログ、販売ページのセクション
メタデータの補助関数、サイトマップ、markdownで書くブログ、料金・FAQ・利用者の声の再利用セクションがそろう。セクションを新しいページにコピーしても動く。Next.js SaaS スターターとして、初日に必要なページはほぼこれで足りる。
AI 向けコードベースとしての設計
ファイル名、コンポーネントの型、データ取得の作法が最初から最後まで統一されている。CursorやCopilotは推測ではなく実際の文脈を得られる。新機能を頼むと、生成されたコードは既存の構造に収まりやすい。確認の手間が減り、公開が早まる。
メリットとデメリット
メリット
- 1回の支払いでプロジェクト数は無制限、更新は永久。頻繁に公開する人ほど効く。
- 地味な部分が完成してテスト済み。webhook、メール用DNS、OAuthのコールバック、保護ルート。
- 構造が揃っているため、AIエディタは空のプロジェクトより明らかに役に立つ。
- ドキュメントがつまずきやすい手順を順に扱う。送信ドメインのレコードも初回デプロイも含む。
デメリット
- 無料プランも試用もない。コードを1行見る前に支払うことになる。
- Next.jsに縛られる。チームがVueやSvelte、素のReactを使っているなら節約効果はゼロだ。
- 同梱の構成は特定のサービスへ誘導する。独立した部品だと文書が説明していても、実際の移行には手間がかかる。
- 199ドルからと、無料のスターターキットより高い。土台作りに何日も消える場合でなければ差額は回収できない。
よくある質問
決済、ログイン、データ層、メール、ブログ、SEO補助、UIコンポーネントを含むNext.jsリポジトリと、文章のチュートリアルが届く。JavaScript版とTypeScript版、2種類のルーター構成が含まれ、購入後に1つ選ぶ。
関連コンテンツ
ShipFastに関連するツール、スキル、記事を探す。
ShipFastの代替ツール
Octri.dev
Octri, LLC · コーディングOctri.dev は OpenAPI 仕様 1 つから、ドキュメントサイト、10 言語のクライアント SDK、AI エージェント向け MCP サーバー、その SDK の本番監視を生成する。
CoreSpeed
CoreSpeed · コーディング · 生産性向上CoreSpeedは、AIエージェントに接続済みアプリ、共有メモリ、数千の組み込みツールを1回のログインで渡すMCPサーバーだ。呼び出しごとにクレジットと出費上限が付く。
Blume 2.0
Hayden Bleasel · ライティング · コーディングBlume 2.0 はオープンソースのドキュメントフレームワークだ。Markdown フォルダを高速な Astro サイトに変え、ローカル検索、API リファレンス、コーディングエージェント向けの MCP サーバーを載せる。