Web Design · 13 min read
Why Marketing Sites Are Migrating From WordPress to Next.js
Summary
Plugin sprawl, Core Web Vitals failures, and security fatigue are pushing marketing teams off WordPress. The 2026 Next.js migration playbook.
By The Foundgrove team · Published May 19, 2026 · Updated June 29, 2026
Marketing leads at growing service businesses keep arriving at the same conclusion: 'We need to leave WordPress.' The reasons rhyme. Plugin updates that broke staging at 11pm Friday. A security plugin alert about another Elementor CVE. A campaign that needed a landing page yesterday and shipped three days late because the theme fought the form. A Lighthouse report from the CMO showing a Performance score in the 40s.
This is the migration playbook we recommend. It is opinionated because the failure modes are predictable. For the head-to-head, see Next.js vs WordPress; for the broader Next.js context, see the marketing sites pillar.
What is driving the migration momentum?
Migration to Next.js accelerated through 2024-2026 for concrete reasons. The major Jamstack hosts (Vercel, Netlify, Cloudflare) have all reported strong growth in framework-based deploys over this period. The underlying drivers are not hype — they are operational pain that compounds month over month on WordPress.
- Core Web Vitals failures — with CWV as a Google ranking factor, WordPress sites' typical 40-70 Lighthouse scores become a measurable traffic problem
- Plugin sprawl — a typical WP marketing site accumulates dozens of active plugins; each one is a maintenance and security surface
- Security incidents — public vulnerability databases show the large majority of WordPress disclosures sit in third-party plugins and themes, and incidents recur on installs with heavy plugin loads
- Editorial bottlenecks — page builders (Elementor, Divi) trap content in proprietary blocks that do not export cleanly
- Hosting cost creep — managed WP hosts (WP Engine, Kinsta) have raised prices in recent years while serverless/edge pricing has trended down
- AI citation readiness — clean, well-structured HTML is easier for AI answer engines to parse and cite than markup bloated by page-builder wrappers
What are the specific pain points that trigger a rebuild?
Marketing leaders rarely migrate because of a single incident. The decision point is when three or more of the patterns below show up in the same quarter. Below is a diagnostic you can run against your own site.
- Last security incident was less than 12 months ago
- Lighthouse Performance score is below 70 on the home page or top 3 traffic pages
- Landing page ship time exceeds 2 business days for a designer + developer pair
- Plugin count exceeds 20 active plugins
- Page builder lock-in (Elementor, Divi, WPBakery) — content is wrapped in proprietary shortcodes
- Editorial team has bypassed the CMS to send Word docs to a developer for 'pages the CMS cannot build'
- Monthly WP managed hosting + plugin licenses + maintenance retainer exceeds $400
- Marketing has stopped requesting new pages because 'it takes too long'
How risky is the migration?
The migration risk is concentrated in one area: redirects. Everything else (rebuilding pages, moving content, training editors) is plain project work with predictable outcomes. The redirect map is what determines whether you keep your organic traffic or lose a large share of it for months.
Every WordPress URL that has earned a backlink, ranks for a keyword, or is in your sitemap needs a 301 redirect to its Next.js equivalent. The mapping is rarely 1:1 — WP archives, category pages, attachment URLs, and date-based blog permalinks all need policy decisions. A 25-page-plus-blog site can easily surface well over a thousand URLs once you count attachments and faceted archives.
- Pull every URL from Google Search Console (Performance > Pages, last 16 months)
- Pull every URL from Ahrefs/Semrush with at least 1 referring domain
- Pull every URL from your existing sitemap.xml
- Deduplicate, then map each URL to a Next.js path (1:1, 1:many, or 410 Gone for retired pages)
- Implement redirects in next.config.js or middleware.ts — verify with curl -I before cutover
- Monitor Search Console 'Pages with redirect' and 'Not Found (404)' weekly for 90 days post-launch
What is a realistic timeline?
For a 25-page marketing site with a 100-post blog, the realistic timeline is 8-12 weeks end-to-end with one senior developer plus a designer at 50% capacity. Larger sites scale roughly linearly with page count until you hit ~500 pages, at which point parallel work and a content migration script start mattering more than developer count.
- Weeks 1-2 — Discovery: URL inventory, content audit, redirect map, design system audit
- Weeks 3-6 — Rebuild: Next.js scaffolding, design system, page templates, CMS schema, content migration
- Week 7 — Integration: headless CMS connection, analytics, conversion tracking, structured data
- Week 8 — Redirects: implement, test every URL with curl, verify in staging
- Weeks 9-10 — Parallel staging: side-by-side QA, content review, accessibility check, Lighthouse runs
- Week 11 — Cutover: DNS swap, monitor Search Console + analytics hourly for the first 24 hours
- Week 12 — Post-launch: fix any 404s, finalize editor training, hand off documentation
Should you redesign or replatform?
The biggest scope-creep risk in a WordPress-to-Next.js migration is bundling a redesign with the replatform. Doing both at once doubles timeline, triples coordination overhead, and triples the post-launch risk surface. We push hard for a 'lift and shift' replatform — same visual design, same URLs, same content — followed by an iterative redesign over the next 1-2 quarters.
Exceptions: if your current site is fundamentally broken (mobile-unusable, accessibility-failing, off-brand), then replatform + minimum-viable-redesign together. But the default should be 'replatform first, redesign second.' This isolates the risk: if traffic drops post-launch, you know it is the replatform (redirects, indexing) and not the design. See our website design service for how we structure phased engagements.
What does side-by-side staging look like?
The cutover risk drops dramatically if you run the Next.js site in parallel with the WordPress site for 1-2 weeks before flipping DNS. The pattern: deploy Next.js to a subdomain (next.yourdomain.com), share the staging URL with stakeholders, run Lighthouse + accessibility tests, run a crawl with Screaming Frog to find broken links, and verify the redirect map by curl-ing every old URL.
- Staging URL — next.yourdomain.com with basic auth or IP allowlist
- Crawler — Screaming Frog or Sitebulb crawls staging, reports broken internal links
- Redirect verification — script that curl-Is every old URL against next.yourdomain.com, expects 301 to correct path
- Lighthouse — automated CI Lighthouse runs on staging, fail build if any page <90 Performance
- Visual regression — Percy or Chromatic compares old WP screenshots to new Next.js for design parity
- Analytics dry run — fire test conversion events on staging to verify GA4/CAPI integration
What happens to SEO equity during the migration?
Done correctly, the common pattern is a small dip in the first few weeks post-launch as Google recrawls and re-evaluates, followed by recovery to baseline or slightly above within roughly 90 days. Any lift typically comes from Core Web Vitals improvements being a ranking factor. The recovery curve is most predictable when the redirect map is clean and complete.
Done incorrectly — missing redirects, changed URL patterns without 301s, lost JSON-LD — traffic can drop sharply and take many months to recover, if it recovers at all. The downside is almost entirely preventable. The investment in the redirect map is the single highest-ROI hour of work in the migration. See the Next.js Metadata API guide for preserving structured data and canonicals.
When should you NOT migrate?
Four scenarios where staying on WordPress is the right call. We will tell you to stay — migration is not free, and not every site benefits.
- Site has zero active marketing — no new pages, no campaigns, no growth ambition — the dev velocity advantage of Next.js does not pay back
- Site is built on WooCommerce and the storefront drives revenue — moving WooCommerce is a separate $80k+ project; keep WP for now
- Editorial team is 10+ writers using deep WP workflows (custom post types, multi-author flows, internal commenting) — switching cost is too high
- No developer access of any kind (in-house, agency, freelance) — Next.js requires devs for structural changes; without them, stay on WP or move to a hosted builder
How much does a migration cost?
For a 25-page site with a 100-post blog, expect $25,000-$60,000 for a competent agency migration in 2026. The range depends on design refresh scope, CMS choice (Sanity Studio is faster than Payload's setup), integration complexity (CRM, marketing automation, calculators), and how clean the existing WP content is.
The payback period is typically 12-24 months when you factor in the operating-cost gap between WP managed hosting + plugins (~$2,400-$8,400 over 3 years) and Vercel + headless CMS (~$1,500-$4,300 over 3 years), plus materially faster landing-page shipping, plus the avoided cost of one security incident. See our pricing for how we structure these engagements, or book a strategy call to scope your specific site.
Where does this fit in your stack?
If you're running a US service business, the playbook in this post pairs with our full services lineup and applies cleanly across our supported industries and US locations. If you want help implementing it, book a free strategy call — we'll review your current setup and prioritize the next three moves.
For the deeper engagement details, see our website design service. New to the terminology here? Our SEO & marketing glossary defines every acronym in this post.
What are the most common questions about this topic?
Common questions readers send us about this topic.
Will my organic traffic drop when I migrate from WordPress to Next.js?
The common pattern is a temporary dip in the first few weeks as Google recrawls, then recovery to baseline or slightly above within about 90 days, helped by Core Web Vitals improvements. The dip can be much larger and recovery much slower if the redirect map is incomplete. Done correctly, a migration is generally traffic-neutral to net-positive for organic search.
How long does a WordPress to Next.js migration take?
For a 25-page marketing site with a 100-post blog, plan 8-12 weeks with one senior developer plus a designer at 50% capacity. Larger sites scale roughly linearly with page count up to about 500 pages. The biggest timeline risks are scope creep (bundling a redesign) and incomplete URL inventory (missing pages with backlinks).
Should I redesign at the same time as migrating?
No, in most cases. Bundling a redesign with a replatform doubles timeline and triples coordination risk. The recommended pattern is 'lift and shift' first — same design, same URLs, same content on Next.js — followed by iterative redesign over the next 1-2 quarters. Exception: if your current design is fundamentally broken (mobile-unusable, accessibility-failing), do a minimum-viable redesign with the replatform.
Can I migrate my WordPress content automatically?
Mostly yes. WP's REST API or WP-CLI exports posts, pages, custom post types, and media. The output needs transformation into your new CMS schema (Sanity, Contentful, Payload, or MDX files). Hand-coded content in page builders (Elementor, Divi) does not migrate cleanly — those pages typically need rebuilding from the rendered HTML or the original brief.
What is the single most important thing to get right in the migration?
The redirect map. Every WordPress URL with a backlink, a ranking, or presence in the sitemap needs a 301 redirect to its Next.js equivalent. A typical 25-page-plus-blog site can surface well over a thousand URLs once you count attachments and archives. Missing redirects is the single biggest cause of post-migration traffic loss; investing one engineer-day in the redirect map is the highest ROI hour in the project.
Can I keep using WordPress as a headless CMS for Next.js?
Yes, via WPGraphQL or the WP REST API. The pattern (often called 'WordPress headless') keeps WP for content editing and uses Next.js for rendering. It is a reasonable middle path if your editorial team refuses to leave WP, but you pay double: a WP host AND a Next.js host, plus the integration overhead. For most teams, Sanity or Payload is a better long-term destination.
Will my contact forms and lead capture still work after migration?
Yes, but they will need rebuilding. Gravity Forms, WPForms, and similar WP form plugins do not have direct Next.js equivalents. The migration replaces them with React forms + a serverless function (or a form service like Formspree or Basin) that posts to your CRM. The new forms typically convert better because they validate faster and ship less JavaScript than WP form plugins.
How do I know if my site is a good migration candidate?
Three signals strongly suggest yes: 1) Lighthouse Performance below 70 on key pages, 2) more than 20 active plugins, 3) landing page ship time over 2 business days. Add a security incident in the last 12 months or a page builder lock-in, and the migration almost always pays back within 18-24 months. If none of those apply and the site is purely brochure with no growth ambition, stay on WordPress.
About Foundgrove
The Foundgrove team
Foundgrove helps US service businesses win qualified leads from search and AI. We write about the practical, measurable side of acquisition — what works in production, not what looks good in a conference deck.
Related reading
Other tactical pieces from the Foundgrove blog.
- Web Design · 19 min read
Next.js for Marketing Sites: The Complete 2026 Guide
WordPress marketing sites are losing to Next.js on Core Web Vitals, security, and dev velocity. The full 2026 playbook for choosing and shipping.
Read the web design playbook → - Web Design · 12 min read
Next.js vs WordPress for Marketing Sites in 2026
WordPress runs 43% of the web, but service businesses are leaving for Next.js. Speed, security, dev velocity — the honest head-to-head.
Read the web design playbook → - Web Design · 11 min read
Core Web Vitals on Next.js: How to Hit Perfect Scores
Next.js can hit 100/100 on Lighthouse, but not by accident. The specific knobs: next/image, next/font, RSC, third-party deferral, bundle audits.
Read the web design playbook → - SEO · 11 min read
Next.js Metadata API: The Complete SEO Setup Guide
Title templates, canonicals, OG, JSON-LD, sitemap.ts — Next.js Metadata API replaces Yoast. The production setup, plus the doubled-suffix bug.
Read the seo playbook →
Want help applying this to your business?
Book a free 30-minute call. We'll review your current acquisition stack and show you the three highest-leverage moves for your industry and state. Or read how our website design service works.