The pages arrive. The theme and builder design stay behind.
The published layout comes from templates, theme styles, blocks, and page-builder settings that need to be recreated in the new components.
WordPress to Next.js migration
Move your pages, posts, design, media, important URLs, and search signals into an agent-ready codebase your team owns. Start with a 1-1 clone of your homepage, review it, then migrate the rest of the site.
app/[slug]app/blog/[slug]public/mediacomponents + APIsMove the content, design, and features people depend on.
A WordPress site combines content, a theme or page builder, Media Library files, permalink rules, SEO fields, and plugin-powered features. A complete move gives each part a clear home in the new website.
The pages arrive. The theme and builder design stay behind.
The published layout comes from templates, theme styles, blocks, and page-builder settings that need to be recreated in the new components.
The posts move. Custom content has nowhere to go.
Custom post types, ACF fields, taxonomies, and relationships need a matching content model and route plan.
The form still renders. The plugin workflow is gone.
Lead delivery, spam protection, emails, and automations need to be reconnected and tested.
The new blog works. Old permalinks lead to missing pages.
Every post, archive, category, tag, and changed path needs a clear destination or direct redirect.
The better end state
Visitors keep the content and experience they know. Search engines keep the paths and signals that matter. Your growth team gets an owned repository it can update with an AI coding agent and review before every release.
The content and experience people already rely on.
A site your team and its agents can keep improving.
Account for every part of your WordPress site.
List the content, design system, custom fields, media, plugin jobs, and URLs before the build begins. Each item gets a clear next step.
Every public route and the content behind it
List pages, posts, archive pages, author pages, category pages, tags, drafts that matter, and the templates that turn each content type into a public route.
The design created by your theme, blocks, or builder
Record the live layouts and responsive behavior. Map Gutenberg blocks, Elementor sections, reusable blocks, headers, footers, typography, and spacing into Next.js components and design tokens.
Custom post types, taxonomies, and field relationships
Find content created by plugins or custom code, including ACF fields and relationships. Give each field, slug, archive, and reference a clear place in the new content model.
Images, files, captions, alt text, and source URLs
Download the files the site uses, keep useful filenames and alt text, update content references, and confirm that the new site no longer depends on temporary WordPress media URLs.
Forms, search, memberships, commerce, and automation
List what each active plugin does for visitors and the marketing team. Rebuild the required experience or connect a replacement for forms, search, email, redirects, gated content, and payments.
Permalinks, metadata, schema, redirects, and crawl settings
Keep valuable post and page URLs, map category and tag paths, carry SEO fields forward, add direct redirects, and check canonicals, structured data, robots rules, and the sitemap.
Move your WordPress site in five clear steps.
Each step ends with something your team can review before the next one begins.
List what exists
List every public route and the WordPress setup behind it.
Crawl the live site, export the available content, record the theme or page builder, list custom content types, and write down the job of each active plugin.
Plan the content
Choose what will keep using WordPress.
Keep WordPress as the content editor for a headless setup, or move the content into files or another CMS. Choose a new home for forms, search, redirects, and every feature the site still needs.
Review the first clone
Clone the homepage and one content-heavy route first.
Build the homepage and one representative post, archive, or custom content page. Review the design, responsive behavior, content fields, and internal links before expanding.
Move the rest
Build the remaining routes and reconnect the site features.
Apply the approved components, migrate the remaining content and media, reconnect forms and integrations, and add metadata and redirects for each route.
Go live
Run final checks, move the domain, and monitor the launch.
Test pages, forms, search, analytics, redirects, canonicals, robots rules, and the sitemap. Connect the domain, then watch search traffic and lead delivery.
Start in a new Claude Code or Codex terminal.
Let your coding agent clone the starter, or run the setup in your CLI. Add your current WordPress website and copy the ready-to-use steps.
I want to migrate my WordPress website ([YOUR WEBSITE URL]) to Next.js using this starter: https://github.com/Synscribe/launch-template.
Clone the starter into a new folder and open it. Read README.md and AGENTS.md, then run /site-clone with my source URL. Follow the skill and stop at the first review checkpoint.The migration is the starting point
The Agentic Website Template gives marketing teams the instructions, reusable components, search foundations, and launch checks to keep improving the site after the move.
Turn your WordPress theme or page-builder design into clean components.
The clone workflow follows the website visitors already know, including custom layouts, responsive behavior, and important interactions. Approved patterns become reusable Next.js components for the rest of the migration.
Help search engines and AI tools understand every important page.
Important copy and links arrive in the page HTML. Clear routes, metadata, structured data, sitemaps, and discovery files help crawlers find and understand the new site.
Let your marketing team work directly with its coding agent.
Project instructions, goals, design tokens, brand voice, example content, and reusable components give Claude Code, Codex, or Cursor useful context for the next page request.
Review every update before it reaches customers or crawlers.
The launch checklist and audit keep checking identity, public URLs, discoverability, forms, placeholders, and production settings as the site grows.
Before you move
This is a structured migration workflow for an AI coding agent and a human reviewer. The agent records the public site and available exports, maps WordPress content and plugin jobs, rebuilds representative routes, and compares the result before the work expands.
Yes. WordPress can remain the content backend while Next.js becomes the public website. Posts, pages, media, users, categories, tags, and other configured content can be read through the WordPress REST API or a GraphQL plugin. You can also move the content into another CMS or repository files during the migration.
The WordPress export creates a WXR XML file containing posts, pages, custom post types, comments, custom fields, categories, tags, custom taxonomies, users, and navigation menus. The live design, theme behavior, and plugin-powered features still need their own migration plan.
The migration records the published pages and rebuilds the design as reusable Next.js components. Gutenberg stores block content in post content, while page builders add their own templates, settings, and plugin dependencies. Review representative pages before converting the rest of the site.
Map each custom post type, taxonomy, field, relationship, archive, and public URL. Custom post types must be configured for REST access when WordPress remains the content backend. ACF field groups also have a setting that controls whether their values appear in REST responses.
Any site move can cause temporary search changes. Keep useful permalinks, add direct permanent redirects for changed paths, carry SEO titles and descriptions forward, update internal links, preserve structured data, and monitor the launch in Search Console.
Record the job each plugin performs. Forms need a submission service and lead destination. Search needs an index. Memberships, commerce, comments, multilingual content, and automation each need an owned implementation or a connected service before launch.
Move from WordPress to an agent-ready Next.js codebase.