WordPress Agency to Next.js：12个月转型收入计划
我看过数十家 WordPress 代理商尝试转向现代无头开发。有些做得非常漂亮。其他的则崩溃了，在此过程中失去了客户和开发人员。区别不在于才能或雄心——而在于是否有一个尊重代理商财务现实的计划。
如果你经营一家 WordPress 工作室，并且一直在关注 Next.js，你的直觉没有错。市场在变化。客户期望在转变。但你不能只是翻动开关。你需要一个过渡计划，在建立新能力的同时保持现金流。这是我看到有效的 12 个月计划——有实际的收入模型，而不仅仅是空洞承诺。
目录
- 为什么 WordPress 代理商在添加 Next.js
- 收入现实检查
- 按月过渡计划
- 收入模型：实际有效的数字
- Next.js 服务定价
- 混合方法：WordPress 作为无头 CMS
- 团队建设和培训策略
- 杀死过渡的常见陷阱
- 转换的工具和基础设施
- 常见问题
为什么 WordPress 代理商在添加 Next.js
让我们直言不讳地说市场上正在发生什么。WordPress 在 2025 年仍然支持约 43% 的网络。它没有消亡。但客户想要的工作类型正在急剧变化。
企业和中端市场客户越来越需要：
- 亚秒级页面加载时间（Core Web Vitals 不再是可选的）
- 将内容与展示分离的无头架构
- 其内部团队可以维护的基于 React 的前端
- 边缘部署和 ISR（增量静态再生）
- 供多个渠道使用的 API 优先方法
2025 年平均 WordPress 代理商项目账单在 $15,000 至 $75,000 之间。可比较的 Next.js 开发项目通常账单在 $30,000 至 $200,000+ 之间。这不是打字错误。上限之所以大得多，是因为工作更复杂，客户资金更充足。
但这里是没人谈论的事情：下限也更高。你真的不能以 $5,000 的价格做一个优质的 Next.js 项目。最小可行参与度大约是 $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 |
这是一个健康的中型 WordPress 代理商，年收入约 $960K。你的数字可能不同，但比例往往是一致的。
目标不是一夜之间替换这些收入。而是在逐步改变组合的同时分层添加 Next.js 收入。到第 12 个月，以下是目标状态：
| 收入来源 | 百分比 | 平均月收入 |
|---|---|---|
| Next.js / 无头构建 | 35% | $45,500 |
| WordPress 构建（包括无头 WP） | 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 课程。
- 建立一个内部项目——在 Next.js 中重建你自己的代理网站。这给你的团队实际操作经验，并创建一个投资组合片段。
收入影响：$0 新收入。投资：~$5,000-$10,000 的培训和失去的计费时间。
第 2 个月：服务定义和定位
- 精确定义你最初将提供的 Next.js 服务。不要尝试做所有事情。从以下开始：静态网站、无头 WordPress 前端和着陆页系统。
- 更新你的网站。添加一个能力页面。根据你的内部项目写 2-3 个案例研究。
- 设置定价（下面有更多信息）。
- 确定 5-10 个现有 WordPress 客户，他们可能受益于无头方法。
第 3 个月：首个试点项目
- 接近你最好的现有客户关系。以降低费率（15-20% 折扣）提供试点项目，以换取案例研究和诚实反馈。
- 理想的试点：采用现有的 WordPress 网站并在 Next.js 中重建前端，使用 WordPress 作为无头 CMS。这是完美的桥接项目。
- 目标是 $15,000-$25,000 的项目范围。
收入影响：$15,000-$25,000 的新 Next.js 收入。
第 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 个月底的收入影响：~$60,000-$80,000 累计 Next.js 收入。
第 7-9 个月：扩展阶段
第 7 个月：扩展团队
- 聘请你的第一位专职 Next.js 开发人员（或从内部晋升）。根据市场，2025 年中级 Next.js 开发人员的平均工资：$95,000-$130,000。
- 或者，与无头开发代理商合作以处理溢出工作，同时你建立能力。
- 开始培训第二批现有开发人员。
第 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（另一个可靠的开源选择）
你支持的每个 CMS 都打开一个新的市场细分。一些客户根本不想要 WordPress——他们想要专用内容平台。
到第 9 个月底的收入影响：~$150,000-$200,000 累计 Next.js 收入。
第 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 个月：评估和计划第二年
诚实地看数字。你与目标的对比如何？如果大多数代理商在前 6 个月保持纪律，他们会达到 70-100% 的收入目标。
收入模型：实际有效的数字
让我们为每个季度构建现实的收入预测：
| 季度 | WP 收入 | 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%。进入第二年的轨迹对 Next.js 来说陡峭得多。
这里的关键假设：到 Q3，你每月关闭 1-2 个 Next.js 项目，平均项目值为 $40,000-$60,000。对于一直在做好 WordPress 工作并有扎实客户基础的代理商来说，这是现实的。
Next.js 服务定价
不要犯用与 WordPress 相同的方式为 Next.js 工作定价的错误。价值交付是不同的，你的成本也不同。
每小时费率
| 服务 | 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 Lighthouse 分数到 95 分，他们可以证明这转化为年收入 $2M 上的 15% 转换率增加——你的 $80,000 项目在不到 4 个月内收回成本。
混合方法：WordPress 作为无头 CMS
这是 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 开发配置之一。
混合方法也给你一个难以置信的向上销售路径。现有的 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 开发人员不会全部过渡。没关系。这是一个现实的分解：
- 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 名开发人员的代理商应该在第一年分配 $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/用户/月，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 用于内容丰富的网站上取得了很好的成果——值得在你的工具包中拥有。
每个项目的总工具成本大约是 $50-$200/月的 SaaS 费用，你应该将其作为客户的托管/基础设施持续服务的一部分传递。
常见问题
WordPress 开发人员真正学习 Next.js 需要多长时间？
一个有坚实 JavaScript 基础的有动力的开发人员可以在 6-8 周的专门学习中在 Next.js 项目上有生产力。真正精通——处理复杂的数据获取、缓存策略和部署优化——需要更接近 4-6 个月。React 范式与基于 PHP 模板的开发有本质上的不同，所以期望一个真正的学习曲线，而不仅仅是语法变化。
我可以在过渡期间保持我的 WordPress 持续服务客户吗？
绝对可以，你应该这样做。你的 WordPress 维护收入是资助过渡的东西。不要放弃这些客户。随着时间的推移，你可以用无头升级建议接近他们，将维护客户转变为项目客户。维护收入在你的 Next.js 管道增长时提供稳定性。
如果我的客户不想要 Next.js 怎么办？
许多不会——这没关系。不是每个项目都需要无头架构。小型企业网站、简单博客和宣传单页网站仍然由 WordPress 完美服务。目标是拥有 Next.js 作为需要性能、可扩展性或现代架构的客户的选项。你在扩展你的可寻址市场，而不是替换你的现有市场。
与 WordPress 相比，托管 Next.js 网站的成本是多少？
这取决于流量和功能。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 个月至少聘请一名经验丰富的 Next.js 开发人员。拥有已经构建过生产 Next.js 应用程序的人会加快整个团队的学习。如果全职聘用感到冒险，考虑与专业代理商合作，如 Social Animal，用于你的前几个项目。
我在第一年可以期待 Next.js 的什么收入？
根据上面的模型，做~$960K/年的中型 WordPress 代理商应该在第一年瞄准 $300,000-$400,000 的 Next.js 收入。这是保守的，假设 3 个月的增加期，没有 Next.js 收入。第二年是事情变得有趣的地方——成功过渡的代理商通常看到 Next.js 收入在 18-20 个月内等于或超过 WordPress 收入。