WordPress AgencyからNext.jsへ：12ヶ月の売上転換プラン
WordPress代理店から Next.js への転換を試みた代理店は数十社見てきました。見事に成功した企業もあれば、クライアントと開発者を失いながら完全に失敗した企業もあります。その差は才能や野心ではなく、代理店経営の現実を尊重した計画を持っているかどうかでした。
WordPress の仕事をしている企業を経営していて、Next.js への移行を検討しているなら、その引力を感じるのは間違いではありません。市場は動いています。クライアントの期待は変わっています。しかし、スイッチを入れるだけではいけません。キャッシュフローを保ちながら新しい能力を構築する移行計画が必要です。ここに実際の収益モデリングを含む、実際に機能した 12 ヶ月計画があります。
目次
- WordPress 代理店が Next.js を追加する理由
- 収益の現実チェック
- 月別の移行計画
- 収益モデル: 実際に機能する数字
- 新しい Next.js サービスの価格設定
- ハイブリッドアプローチ: ヘッドレス CMS としての WordPress
- チームビルディングとトレーニング戦略
- 移行を殺す一般的な落とし穴
- 切り替えのためのツールとインフラストラクチャ
- FAQ
WordPress 代理店が Next.js を追加する理由
市場で何が起きているのか率直に言いましょう。WordPress は 2025 年の時点で依然としてウェブの約 43% を支えています。死んでいません。しかし、クライアントが必要とするタイプの仕事が劇的に変わっています。
エンタープライズクライアントと中堅クライアントはますます以下を要求しています:
- 1 秒未満のページロード (Core Web Vitals はもはやオプションではありません)
- コンテンツを表現から分離するヘッドレスアーキテクチャ
- 内部チームが管理できる React ベースのフロントエンド
- エッジデプロイメントと ISR (Incremental Static Regeneration)
- 複数のチャネルに供給する API ファーストアプローチ
2025 年の平均的な WordPress 代理店プロジェクトは $15,000 から $75,000 の間で請求されます。同等の Next.js 開発プロジェクト は通常 $30,000 から $200,000 以上の間で請求されます。これはタイプミスではありません。作業がより複雑で、クライアントがより良い資金を持っているため、上限は劇的に高くなります。
しかし誰も話さないことがあります: 下限も高いということです。品質の高い Next.js プロジェクトを $5,000 で実行することはできません。最小限の実行可能なエンゲージメントは約 $15,000-$20,000 です。つまり、時間を無駄にするタイヤキッカープロジェクトが少なくなります。
収益の現実チェック
計画に入る前に、ベースラインを確立しましょう。典型的な WordPress 代理店の収益構成は次のようなものです:
| 収益源 | 割合 | 平均月次収入 |
|---|---|---|
| 新しい WordPress ビルド | 40% | $32,000 |
| WordPress メンテナンス/リテーナー | 30% | $24,000 |
| プラグインのカスタマイズ/修正 | 15% | $12,000 |
| コンサルティング/戦略 | 10% | $8,000 |
| ホスティング再販 | 5% | $4,000 |
| 合計 | 100% | $80,000 |
これは年間約 $960K を実行している健全な中規模 WordPress 代理店です。あなたの数字は異なるかもしれませんが、比率は傾向を保つ傾向があります。
目標は、この収益を一夜にして置き換えることではありません。Next.js 収益を上に層状に重ね、徐々にミックスをシフトすることです。12 ヶ月目までに、ここが目標状態です:
| 収益源 | 割合 | 平均月次収入 |
|---|---|---|
| Next.js / ヘッドレスビルド | 35% | $45,500 |
| WordPress ビルド (ヘッドレス WordPress を含む) | 20% | $26,000 |
| メンテナンスリテーナー (両方のスタック) | 25% | $32,500 |
| コンサルティング/戦略 | 12% | $15,600 |
| ホスティング/インフラストラクチャ管理 | 8% | $10,400 |
| 合計 | 100% | $130,000 |
これは年間 $1.56M - 62% の増加です。アグレッシブですか? もちろんです。しかし、ヘッドレスプロジェクトは単により高いレートを要求するため、これらの数字に達した代理店を見てきました。
月別の移行計画
月 1-3 月: ファンデーションフェーズ
1 ヶ月目: 内部評価と学習
クライアント作業にはまだ手を付けないでください。この月はあなたのチームについてです。
- あなたのチームの JavaScript/React スキルを監査します。ギャップについて正直に言いましょう。
- 2-3 の開発者を Next.js パイオニアになるように選択します。既に React に精通しているか、モダン JS に適性を示している人を選びます。
- 学習予算を設定します: 開発者あたり $500-$1,000。私は公式の Next.js ドキュメント (実際に素晴らしい) で始まり、その後 Scott Moss の Frontend Masters コースに移動することをお勧めします。
- 1 つの内部プロジェクトを構築します - Next.js で独自の代理店サイトを再構築します。これにより、チームは実践的な経験を得られ、ポートフォリオピースが作成されます。
収益への影響: 新規収益 $0。投資: トレーニングで約 $5,000-$10,000 と失われた請求可能時間。
2 ヶ月目: サービス定義とポジショニング
- 最初に提供する Next.js サービスを正確に定義します。すべてを試みないでください。から始めます: 静的サイト、ヘッドレス WordPress フロントエンド、ランディングページシステム。
- あなたのウェブサイトを更新します。機能ページを追加します。内部プロジェクトに基づいて 2-3 のケーススタディを作成します。
- 価格を設定します (以下を参照)。
- 5-10 の既存 WordPress クライアントを特定します。このクライアントはヘッドレスアプローチから利益を得る可能性があります。
3 ヶ月目: 最初のパイロットプロジェクト
- あなたの最高の既存クライアント関係にアプローチします。ケーススタディと誠実なフィードバックと引き換えに、割引料金 (15-20% 割引) でパイロットプロジェクトを提供します。
- 理想的なパイロット: 既存の WordPress サイトを取得し、ヘッドレス CMS として WordPress を使用して Next.js でフロントエンドを再構築します。これは完璧なブリッジプロジェクトです。
- $15,000-$25,000 プロジェクトスコープを目指します。
収益への影響: 新しい Next.js 収益 $15,000-$25,000。
月 4-6 月: 検証フェーズ
4 ヶ月目: パイロット学習に基づいて洗練
あなたのパイロットプロジェクトはブログ投稿がどれであるかを教えることのできないものをあなたに教えます。あなたが発見します:
- あなたの見積もりが間違っていた場所 (彼らはそうなります - おそらく最初のプロジェクトで 30-50%)
- WordPress から Next.js へのデータフローのどの部分が難しいか
- あなたのクライアントが実際に気にかけているもの対あなたが仮定したもの
すべてを文書化します。あなたのプロセス、価格設定、タイムラインを調整します。
5 ヶ月目: 能動的なアウトリーチ
- 新しいサービスのマーケティングを開始します。ヘッドレス WordPress に関する技術的なコンテンツを作成します。あなたが学んだことを共有します。
- 既存のクライアントベースに特定のオファーで連絡します: 「WordPress サイトを 3 倍高速化でき、コンテンツワークフローを失うことはありません。」
- 今月は 2 つの新しい Next.js プロジェクトをターゲットにしています。
6 ヶ月目: プロセス標準化
この時点で、2-3 の Next.js プロジェクトの経験があります。標準化する時間です:
- プロジェクトテンプレートとボイラープレートを作成する
- デプロイメントパイプラインを文書化します (Vercel は Next.js にとって明らかな選択肢ですが、Netlify と Cloudflare Pages は堅実な代替手段です)
- 再利用可能なコンポーネントライブラリを構築する
- React/Next.js 特有のコードレビュープロセスを確立します
// 例: あなたの標準的なヘッドレス WordPress データフェッチユーティリティ
// これはあなたのボイラープレートに含める種類のものです
export async function getWordPressPosts({
perPage = 10,
page = 1,
category = null,
} = {}) {
const params = new URLSearchParams({
per_page: perPage.toString(),
page: page.toString(),
_embed: 'true',
});
if (category) {
params.set('categories', category.toString());
}
const res = await fetch(
`${process.env.WORDPRESS_API_URL}/wp-json/wp/v2/posts?${params}`,
{ next: { revalidate: 60 } } // ISR: 60秒ごとに再検証
);
if (!res.ok) {
throw new Error(`WordPress API error: ${res.status}`);
}
const posts = await res.json();
const totalPages = parseInt(res.headers.get('X-WP-TotalPages') || '1');
return { posts, totalPages };
}
6 月末までの累積 Next.js 収益への影響: 約 $60,000-$80,000。
月 7-9 月: スケーリングフェーズ
7 ヶ月目: チームを拡大する
- 最初の専任 Next.js 開発者を採用する (または内部から昇進させる)。2025 年市場に応じた中級 Next.js 開発者の平均給与: $95,000-$130,000。
- または、容量を構築している間、専門的な ヘッドレス開発代理店 と提携してオーバーフロー作業を行います。
- 既存の開発者の 2 番目のコホートをトレーニングし始めます。
8 ヶ月目: リテーナーサービスを導入
これは定期的な収益が複利を開始する場所です。完了した Next.js プロジェクトごとに、以下を提供します:
- パフォーマンス監視と最適化リテーナー: $1,500-$3,000/月
- コンテンツモデル管理: $1,000-$2,000/月
- 機能開発スプリント: $5,000-$10,000/月
Next.js リテーナーは通常、インフラストラクチャがより関連しているため、WordPress メンテナンスリテーナーよりも 40-60% 高く請求されます。
9 ヶ月目: CMS 製品の多様化
自分自身をヘッドレス WordPress に限定しないでください。Next.js を使用した提供を開始します:
- Sanity (開発者体験に関する私の個人的なお気に入り)
- Contentful (エンタープライズクライアントはそれを愛しています)
- Payload CMS (オープンソース、自己ホストオプション)
- Strapi (もう 1 つの堅実なオープンソース選択肢)
サポートする CMS ごとに新しい市場セグメントが開きます。一部のクライアントは WordPress が必要ではなく、目的に構築されたコンテンツプラットフォームが必要です。
9 月末までの累積 Next.js 収益への影響: 約 $150,000-$200,000。
月 10-12 月: 成熟段階
10 ヶ月目: 製品化オファリング
カスタムすべてを販売するのをやめます。パッケージを作成します:
- スターター: ヘッドレス CMS を備えたマーケティングサイト、5-10 ページ、基本的なコンポーネント。$25,000-$40,000。
- 成長: ブログ、動的コンテンツ、フォーム、分析統合を備えた完全なサイト。$50,000-$100,000。
- エンタープライズ: マルチサイト、国際化、カスタム統合、高度なキャッシング。$100,000-$250,000 以上。
製品化されたサービスは、チームが同じ種類のプロジェクトを複数回実行しているため、より速く販売され、より良いマージンを持ちます。
11 ヶ月目: 戦略的パートナーシップ
この時点では、ヘッドレスエコシステムで表示されているはずです。次を追求する:
- Vercel エージェンシーパートナープログラム
- CMS パートナープログラム (Sanity、Contentful など)
- テクノロジーリファラルネットワーク
これらのパートナーシップは広告費用なしでリードを生成します。Vercel のパートナープログラムだけで、バックアップするポートフォリオがあれば、かなりのディールフローを駆動できます。
12 ヶ月目: 評価と 2 年目の計画
正直に数字を見てください。目標に対してどこにいますか? 最初の 6 ヶ月間規律を保つなら、私が見た多くの代理店は収益目標の 70-100% に達しています。
収益モデル: 実際に機能する数字
各四半期の現実的な収益予測を構築しましょう:
| 四半期 | WordPress 収益 | Next.js 収益 | 合計 | Next.js % |
|---|---|---|---|---|
| Q1 (月 1-3) | $228,000 | $20,000 | $248,000 | 8% |
| Q2 (月 4-6) | $216,000 | $65,000 | $281,000 | 23% |
| Q3 (月 7-9) | $195,000 | $120,000 | $315,000 | 38% |
| Q4 (月 10-12) | $180,000 | $195,000 | $375,000 | 52% |
| 年間合計 | $819,000 | $400,000 | $1,219,000 | 33% |
WordPress 収益がわずかに低下することに注意してください - これは容量を再指向するときに自然です。しかし、総収益は純粋な WordPress 軌道より 27% 増加します。そして、2 年目に向かう軌道は Next.js の方がはるかに急勾配です。
ここでの重要な仮定: Q3 までに月に 1-2 の Next.js プロジェクトを終了しており、平均プロジェクト値は $40,000-$60,000 です。これは良い WordPress 作業を行ってきた代理店と堅実なクライアントベースを持つ代理店にとって現実的です。
新しい Next.js サービスの価格設定
Next.js 作業を WordPress と同じ価格で設定するという間違いを犯さないでください。値の提供は異なり、コストは異なります。
時間給
| サービス | WordPress レート | Next.js レート | プレミアム |
|---|---|---|---|
| フロントエンド開発 | $125-$175/時間 | $175-$250/時間 | +40% |
| アーキテクチャ/計画 | $150-$200/時間 | $200-$300/時間 | +33% |
| CMS 統合 | $125-$150/時間 | $175-$225/時間 | +40% |
| パフォーマンス最適化 | $125-$175/時間 | $200-$275/時間 | +50% |
なぜ、あなたはより多く請求することができますか? 結果がより測定可能に優れているため。ISR とエッジキャッシングを備えた Next.js サイトは、一貫して Lighthouse で 95 以上のスコアを獲得します。WordPress テーマからそれを取得してみてください。
プロジェクトベースの価格設定
Next.js 作業のプロジェクトベースの価格設定に移行することを強くお勧めします。あなたにとってより良い (繰り返されるプロジェクトタイプのマージンが高い) とクライアントにとってより良い (予測可能なコスト)。
ここに一つの枠組みがあります:
基本費用 = (推定時間 × 内部時給) × 1.5 マージン
プロジェクト価格 = 基本費用 + 複雑さ乗数 + 価値プレミアム
価値プレミアムは経験豊富な代理店が本当にお金を稼ぐ場所です。あなたの Next.js の再構築がクライアントが 40 から 95 Lighthouse パフォーマンススコアに移行するのを支援し、それが $2M の年間収益で 15% の変換率の増加に変換されることを実証する場合 - あなたの $80,000 プロジェクトは 4 ヶ月以内に自らを支払っています。
ハイブリッドアプローチ: ヘッドレス CMS としての WordPress
これは WordPress 代理店が Next.js に移行するための秘密兵器です。WordPress を放棄する必要はありません - その役割を変更するだけです。
WordPress はコンテンツ管理層になります。Next.js はプレゼンテーション層になります。あなたのクライアントは彼らが知っているの編集体験を保つ、そして彼らは閃光を放つ高速フロントエンドを取得します。
// next.config.js ヘッドレス WordPress + Next.js セットアップ用
/** @type {import('next').NextConfig} */
const nextConfig = {
images: {
remotePatterns: [
{
protocol: 'https',
hostname: 'your-wordpress-site.com',
pathname: '/wp-content/uploads/**',
},
],
},
async rewrites() {
return [
{
source: '/wp-admin/:path*',
destination: 'https://your-wordpress-site.com/wp-admin/:path*',
},
];
},
};
module.exports = nextConfig;
WPGraphQL と Faust.js のようなプラグインはこのアプローチを本番準備完了にします。Social Animal でこれら数十を構築しています - これは私たちの最も要求されている ヘッドレス CMS 開発 設定の 1 つです。
ハイブリッドアプローチはまた、あなたに信じられないようなアップセルパスを与えます。既存の WordPress クライアントは段階的に移行できます:
- フェーズ 1: WordPress を保つ、Next.js フロントエンドを追加する ($30,000-$60,000)
- フェーズ 2: コンテンツモデルを最適化してカスタムフィールドを追加する ($10,000-$20,000)
- フェーズ 3: 高度な機能を追加する - プレビューモード、ISR、パーソナライゼーション ($15,000-$40,000)
これは 6-12 ヶ月の間に単一の既存のクライアントから $55,000-$120,000 です。
チームビルディングとトレーニング戦略
最大のブロッカーはテクノロジーではありません。それは人々です。
あなたの WordPress PHP 開発者のすべてが React/Next.js への移行をするわけではありません。それは大丈夫です。ここに現実的な内訳があります:
- 30% あなたの WordPress 開発者の自然に React/Next.js に取ります (通常、より JavaScript-重い WordPress 作業をしている人たち)
- 40% 3-6 ヶ月の献身的なトレーニングでそれを学ぶことができます
- 30% WordPress エコシステムにとどまることを好みます (そしてあなたは依然としてそれらが必要です)
開発者ごとのトレーニング投資:
| リソース | コスト | 時間投資 |
|---|---|---|
| React 基礎コース | $39-$199 | 20-40 時間 |
| Next.js 特定のトレーニング | $39-$299 | 15-30 時間 |
| ヘッドレス CMS ワークショップ | $500-$2,000 | 8-16 時間 |
| ペアプログラミング時間 | ~$3,000-$5,000 失われた請求可能時間 | 40-60 時間 |
| 開発者ごとの合計 | $3,578-$7,499 | 83-146 時間 |
これは本当のお金です。予算してください。3-4 の開発者を移行する代理店は、1 年目にトレーニングに $15,000-$30,000 を割り当てるべきです。
移行を殺す一般的な落とし穴
落とし穴 1: すべてを一度に切り替えようとする
私は一夜にして Next.js に全力で投入した代理店を見てきました。彼らは WordPress 作業の受け取りを停止し、すべてのプロジェクトをヘッドレスに押し出し、4 ヶ月間の収益がなぜ低下するのかと思います。これをしないでください。12 ヶ月の計画は理由のために存在します。
落とし穴 2: 最初のプロジェクトを獲得するためにアンダープライシング
誘惑は巨大です。あなたはポートフォリオピースを望んでいるので、あなたは低く入札します。しかし、これはクライアント期待を持続不可能なレベルで設定します。15-20% のパイロット割引は問題ありません。50% の割引は、安いヘッドレス作業を期待するようにクライアントを訓練します。
落とし穴 3: コンテンツ編集エクスペリエンスを無視する
開発者はテクノロジーについて興奮しており、実際にコンテンツを編集する必要がある人のことを忘れています。あなたの Next.js サイトがコンテンツ編集を置き換えた WordPress サイトより難しくした場合、あなたはクライアントを失うでしょう。プレビューモード、ビジュアル編集ツール、およびコンテンツワークフローに多くの投資をしてください。
落とし穴 4: ホスティング/DevOps ストーリーを持たない
WordPress ホスティングは解決された問題です。Next.js ホスティングはより微妙です。Vercel の価格階層を冷たく知る必要があります (Pro は $20/user/month、Enterprise はカスタムです)、いつ AWS または Coolify 上での自己ホストが意味があるかを理解し、インフラストラクチャコストについてクライアントにアドバイスする準備ができていることが必要です。
切り替えのためのツールとインフラストラクチャ
ここに、代理店が開始するためにお勧めするスタックがあります:
- フレームワーク: Next.js 15 (App Router) - それは理由のために標準です
- CMS: ヘッドレス WordPress (WPGraphQL) で始まり、その後 Sanity または Payload を追加して経験を得ます
- ホスティング: ほとんどのプロジェクトに Vercel Pro、特定の要件を持つクライアント向けの AWS/Cloudflare
- コンポーネントライブラリ: shadcn/ui - これは依存性ではなく、コピーペーストコンポーネントです。代理店の仕事に完璧です。
- スタイリング: Tailwind CSS - あなたの開発者は数週間ではなく数日で生産的になるでしょう
- 分析: Vercel Analytics または Plausible (プライバシーに優しい、クライアントはそれを愛しています)
- 監視: Sentry のエラー追跡、Vercel Speed Insights のパフォーマンス
Next.js と並んで他の最新フレームワークを探索したい場合、私たちは Astro にコンテンツが豊富なサイト でも良い結果を得ています - ツールキットに持つ価値があります。
プロジェクトごとの合計ツール費用は SaaS 料金で約 $50-$200/月で、これはホスティング/インフラストラクチャリテーナーの一部としてクライアントに通す必要があります。
FAQ
WordPress 開発者が Next.js を学ぶのに本当にどのくらい時間がかかりますか?
堅牢な JavaScript の基礎を持つ動機付けされた開発者は、Next.js プロジェクトの専用学習の 6-8 週間以内に生産的である可能性があります。本当に熟練している - 複雑なデータフェッチング、キャッシング戦略、デプロイメント最適化を処理する - より近く 4-6 ヶ月かかります。React パラダイムは PHP テンプレートベースの開発とは基本的に異なるため、真の学習曲線が予想され、単なる構文の変更ではありません。
移行中に WordPress リテーナークライアントを保つことはできますか?
絶対に、そしてあなたはすべきです。あなたの WordPress メンテナンス収益は移行に資金を供給するものです。これらのクライアントをドロップしないでください。時間が経つにつれて、あなたはヘッドレスアップグレード提案でアプローチすることができ、メンテナンスクライアントをプロジェクトクライアントに変えます。メンテナンス収益は Next.js パイプラインが立ち上がる間、安定性を提供します。
クライアントが Next.js を望まない場合はどうしますか?
多くはしません - それは問題ありません。すべてのプロジェクトがヘッドレスアーキテクチャを必要とするわけではありません。小規模企業サイト、シンプルなブログ、およびブロシュアサイトは依然として WordPress によって完全に提供されています。目標は、パフォーマンス、スケーラビリティ、または最新のアーキテクチャが必要なクライアント向けの Next.js をオプションにすることです。あなたはあなたのアドレス指定可能な市場を拡大しており、既存の市場を置き換えていません。
Next.js サイトをホストするのは WordPress と比較してどのくらいの費用がかかりますか?
トラフィックと機能に依存します。Vercel Pro プランの静的または ISR Next.js サイトは、$20/月/チームメンバー + 使用法がかかります。ほとんどの中程度のトラフィックサイトの場合、合計ホスティング費用は $50-$150/月です - WP Engine または Kinsta の管理 WordPress ホスティングに相当します。高トラフィックサイトは、サーバー側のレンダリングが重い場合はより多くの費用がかかる可能性がありますが、エッジキャッシングは通常コストを合理的に保ちます。
長期的に同時に WordPress と Next.js の両方を提供すべきですか?
多くの成功した代理店はまさにこれを行います。WordPress は消えていませんし、両方を提供することで、どのアプローチがどのクライアントに適しているかについて相談できるパートナーとしてあなたを配置します。重要なのは、どのアプローチが適合するか - 小規模企業でちょうど単純なウェブサイトを必要とするのに Next.js を押さないで、どのアプローチが適合するかについて正直です。
この移行における最大の経済的リスクは何ですか?
キャッシュフロースギャップ。Next.js プロジェクトは、より大きく、閉じるのに時間がかかる傾向があります。$60,000 プロジェクトで 3 ヶ月の販売サイクルがある場合、パイプラインから新しい収益がない 3 ヶ月です。WordPress パイプラインを保ち、Next.js 収益が構築中の営業費を負担するようにしてください。移行を開始する前に、最低 3 ヶ月の営業費の準備ができていることを確認してください。
既存の開発者を再トレーニングするか新しいものを採用する必要がありますか?
両方。最も適応性のある開発者を再トレーニングして始めて - 既に JavaScript を楽しんでいて、React でいじった人たちを探してください。しかし、7-8 月までに少なくとも 1 人の経験豊富な Next.js 開発者を採用する計画を立ててください。既に本番 Next.js アプリケーションを構築した人を持つことは、チーム全体の学習を加速させます。新しい採用が危険に感じる場合は、最初の数個のプロジェクトのために Social Animal のような専門的な代理店と提携することを検討してください。
最初の年の Next.js からどのような収益を期待すべきですか?
上記のモデルに基づいて、~$960K/年を実行する中規模 WordPress 代理店は、1 年目に Next.js 収益で $300,000-$400,000 をターゲットにすべきです。これは保守的であり、Next.js 収益がない 3 ヶ月のランプアップ期間を仮定しています。2 年目は物事が面白くなります - 正常に移行した代理店は通常、Next.js 収益が 18-20 ヶ月までに WordPress 収益と同じかそれを超えるのを見ます。