Skip to content

WordPress to Next.js migration

WordPress to Next.js Migration Without Losing Your Rankings

We move your site off WordPress onto Next.js, carry every URL, title and backlink across, and hand you a faster site with no plugins left to patch.

A good fit if

  • Your WordPress site fails Core Web Vitals and no caching plugin fixes it
  • Plugin updates break the layout and you are afraid to press the button
  • You want to move to Next.js but cannot afford to drop out of Google
  • Your editors like WordPress and would rather keep writing there

A good migration is mostly invisible. Visitors notice the site got faster. Google notices nothing broke. Behind that sits a URL map, a content script and a redirect list checked line by line.

What is included

What a WordPress to Next.js migration includes

The rebuild is the easy part. The value is in what we carry across without losing.

  • Full crawl and URL map

    We crawl the live site and pull your sitemap and analytics, then list every page, post, category, tag and image URL that has traffic or links, and decide where each one lives after the move.

  • Content moved by script

    Posts, pages, authors, media and custom fields exported through the WordPress REST API and cleaned of shortcodes and page builder markup, so nothing is retyped by hand.

  • Design ported or refreshed

    Keep the current look exactly, tidy it up, or redesign while we are in there. The URL plan stays the same whichever you pick.

  • SEO carried across

    Titles, meta descriptions, canonical tags, Open Graph data and structured data moved from Yoast or Rank Math into per-route metadata in Next.js.

  • Forms, search and integrations rebuilt

    Contact forms, newsletter sign-ups, booking widgets, site search and CRM hooks replaced with code you own instead of plugins you rent.

  • Launch watch

    Redirects tested before go-live, then Search Console, crawl errors and rankings watched in the weeks after, with anything that breaks fixed as soon as we spot it.

Two routes

Convert WordPress to Next.js: headless WordPress or a full move?

There are two sensible ways to do it. Which one fits depends on your editors more than your developers.

  • Headless WordPress with a Next.js front end

    WordPress stays as the editing back end on a private subdomain and Next.js renders the public site from its API. Editors keep the screen they know, visitors get the speed.

  • Full move to a new headless CMS

    Content moves to Sanity, Strapi or Payload and WordPress is switched off. More work up front, but no WordPress hosting, updates or security patches ever again.

  • Content in the codebase

    For small sites that rarely change, pages can live as MDX files in the repository. No CMS to pay for, but edits go through a developer or a pull request.

  • How we choose

    Many authors and a busy blog usually point to headless WordPress or a new CMS. A small brochure site with occasional edits often does best with the simplest option.

SEO

Next.js vs WordPress SEO: what changes after the move

Next.js does not rank a site on its own. It removes the things that were holding a good site back.

  • Faster pages, better Core Web Vitals

    Pages are pre-rendered to HTML and images are resized and served in modern formats automatically, which is where most WordPress sites lose their speed scores.

  • Clean HTML for crawlers

    Server-rendered pages ship their full text, headings and links in the first response, so search engines and AI answer engines read everything without running scripts.

  • Exact control of metadata

    Titles, canonicals, sitemaps, robots rules and structured data are set per route in code, not split across three plugins that each think they are in charge.

  • Where migrations go wrong

    Missing redirects, redirect chains, trailing slash changes, dropped category pages and image URLs that 404. Every one of these is on our checklist before launch.

  • What stays the same

    Your content, your backlinks and your domain still do the heavy lifting. A migration protects them. It does not replace them.

How it runs

Our WordPress to Next.js migration process

  1. 01

    Crawl and plan

    Full crawl, traffic and backlink check, URL map and the choice between headless WordPress and a new CMS.

  2. 02

    Build on staging

    Next.js templates and content import on a private staging site, blocked from indexing, with preview links each week.

  3. 03

    Pre-launch checks

    Every old URL tested against the redirect map, metadata compared page by page, speed measured on real phones.

  4. 04

    Launch and monitor

    DNS switch, sitemap submitted, Search Console and rankings watched closely, then the repository and docs handed over.

Cost

How much does a WordPress to Next.js migration cost?

We quote a fixed price once we have crawled your site, because the crawl shows what really has to move. These are the things that make the difference. Send us your URL and we will come back with a fixed quote.

Get a fixed quote→
What moves the priceWhy
Number of URLs and templatesTwo hundred blog posts on one template migrate faster than thirty pages that each look different.
Page builder markupContent locked inside Elementor, Divi or WPBakery shortcodes needs more cleaning than content written in the standard editor.
Headless WordPress or a new CMSKeeping WordPress as the back end saves a content move. Leaving it entirely means modelling and migrating content into a new CMS.
Plugins to replaceEach plugin that does real work, such as bookings, memberships, multi-language or WooCommerce, has to be rebuilt or swapped for a service.
Design changesA faithful port of the current design is quicker than a redesign done during the migration.
Multi-language and custom post typesExtra languages, custom fields and custom post types each add mapping, import and redirect work.

Tools we use for this

  • Next.js
  • React
  • TypeScript
  • WordPress REST API
  • WPGraphQL
  • Sanity
  • Strapi
  • Payload
  • Tailwind CSS
  • Vercel
  • Screaming Frog
  • Google Search Console

FAQ

WordPress to Next.js migration questions

Yes, if the migration is planned around your URLs rather than your design. We crawl the old site, map every URL with traffic or backlinks to its new address, set permanent 301 redirects for anything that moves, and carry over titles, descriptions, canonical tags and structured data. After launch we watch Search Console for crawl errors and fix them quickly. A short wobble while Google recrawls the site is normal. Rankings usually settle where they were, and a faster site often gives them room to improve.

In outline: crawl the current site and list every URL, choose whether WordPress stays as a headless back end or content moves to a new CMS, export content through the WordPress REST API or WPGraphQL, rebuild the templates as Next.js routes, recreate metadata per page, set up redirects, and test everything on a staging site before switching DNS. Doing it yourself is possible for a small site. On a site that earns leads from search, the redirect and metadata work is where most of the risk lives.

Headless WordPress means WordPress is only used to store and edit content. Your editors still log in to the familiar dashboard, but the public website is a separate Next.js application that fetches content from WordPress through its REST API or WPGraphQL and renders fast pages. The WordPress install can sit on a private subdomain, away from visitors and bots. You keep the editing experience your team knows, and you lose the theme, the front-end plugins and most of the speed and security problems that came with them.

Next.js gives you more control and better speed, which helps SEO, but it does not rank a site by itself. A Next.js site renders full HTML on the server, scores well on Core Web Vitals when built properly, and lets developers set metadata, canonicals and structured data exactly. WordPress can rank very well too, with a good theme and careful plugin choices. The difference shows on sites where WordPress has grown slow and plugin-heavy. There, moving to Next.js removes the technical drag so content and links can do their job.

It depends mainly on the number of templates, how much content sits inside page builder markup, and whether you are also redesigning. A small brochure site moves much faster than a large blog with custom post types, multi-language content and WooCommerce. The crawl and URL map at the start tell us the real size of the job, and we give you a timeline with the fixed quote. Content sign-off and testing redirects usually take longer than writing the code, so we plan time for both.

Only if you want them to. With headless WordPress your editors keep using the WordPress dashboard they already know, and only the public site changes. If you would rather leave WordPress behind, we move content into a headless CMS such as Sanity, Strapi or Payload and set up the editing screens around your content, with plain labels, live previews and help text. We run a training session before launch either way, and we write short notes your team can come back to later.

Each plugin is reviewed. SEO plugins like Yoast or Rank Math are replaced by metadata set directly in Next.js. Caching, image and security plugins are no longer needed because the front end is static or server-rendered and not exposed the same way. Plugins that do real work, such as forms, bookings, memberships or search, are rebuilt in code or replaced by a dedicated service. We list every plugin and its replacement in the plan, so nothing quietly disappears when the old site is switched off.

Yes, but it is a bigger project than a content site, so we scope it separately. One option keeps WooCommerce as the commerce back end and builds a Next.js storefront on top of its API. Another moves the store to a dedicated commerce platform with a headless front end. Product URLs, category pages and their rankings need the same careful redirect plan as blog posts, plus checks on checkout, payments, stock and order emails. We will tell you honestly if staying on WooCommerce is the better call.

If you choose headless WordPress, yes: WordPress still runs somewhere so editors can log in, but it can be a small, private install because visitors never touch it. If you move content to a new headless CMS, WordPress hosting goes away entirely. The Next.js front end is usually hosted on Vercel or a cloud platform such as AWS. We explain the running costs of each option before you decide, and you own every account, so you are never tied to us for hosting.

Admin access to WordPress, or a full export of the database and uploads, plus access to Google Search Console and analytics so we can see which pages carry traffic and links. We also need DNS access, or someone who can make changes on launch day, and a decision on who signs off content. If you have a list of pages you want removed or merged, send it early, because it changes the redirect plan. We reply within one business day once we have your site address.

BUILD · MARKET · SCALE ·BUILD · MARKET · SCALE ·BUILD · MARKET · SCALE ·BUILD · MARKET · SCALE ·BUILD · MARKET · SCALE ·BUILD · MARKET · SCALE ·

Start a project

Let's build the thingthat grows the business.