← Wszystkie posty11 min czytania

Post · 15

Migracja z WordPress na Next.js — przewodnik krok po kroku

Jak przejść z WP na Next.js bez tracenia rankingów SEO. Mapa URL-i, 301 redirects, schema, sitemap, content migration. Realistyczny timeline 4-8 tygodni.

  • migracja
  • WordPress
  • Next.js

01Migracja WP → Next.js to nie tylko 'przepisanie' strony. To projekt z czterema krytycznymi obszarami: techniczna konwersja, SEO preservation, content migration, deployment.

02Krok 1: Inwentaryzacja. Eksportuj wszystkie URL-e WP (Yoast > Tools > Import/Export, lub wp-cli `wp post list --post_type=any --format=csv`). Mapa custom post types, taxonomies, menu, formularzy, integracji. To podstawa wszystkiego.

03Krok 2: Decyzja architektoniczna. Headless WP (backend WP zostaje + Next.js frontend) vs full migracja (treści do nowego CMS jak Sanity). Headless prostsze (zachowuje workflow redakcji), full migracja czystsza (jeden source of truth, mniej hostingów). Dla większości klientów: headless.

04Krok 3: Setup nowego frontendu. Next.js App Router + WPGraphQL plugin na WordPress + queries w Next.js. ISR z webhook trigger po publikacji w WP. Custom design albo 1:1 z istniejącym (decyzja klienta).

05Krok 4: SEO preservation — najkrytyczniejszy. Każdy URL z WP musi być pod tym samym pathem na Next.js. Jeśli zmienia się struktura, robisz 301 redirects (Next.js redirects() w next.config.ts albo middleware). Sitemap auto-generated. Schema.org per route. Meta titles/descriptions zachowane.

06Krok 5: Content migration (jeśli full migracja). Eksport WP → import do Sanity. Custom skrypt (np. wp-graphql + sanity-cli). Walidacja wszystkich pól, obrazków (download + reupload do CDN), wewnętrznych linków (URL rewrite).

07Krok 6: Staging + testy. Strona na vercel.app preview URL, dokładne testy każdej podstrony, formularzy, integracji. Lighthouse audit per route. Browser testing (Chrome, Safari, mobile).

08Krok 7: Deployment. Migracja DNS (zmiana A record / CNAME na Vercel). Robotsy `noindex` zdjęte. Cloudflare cache flush. Search Console — sitemap submit + URL inspection.

09Krok 8: Post-launch monitoring. Search Console przez 4-12 tygodni. Sprawdzaj coverage report (czy nowe URL-e indeksują się), Core Web Vitals (czy LCP/INP/CLS są zielone), 404 errors (brakujące redirects do dokończenia).

10Realistyczny timeline:

11**Mała strona WP (do 50 podstron)**: 4-6 tygodni od briefu do live. Cena: 18-30 tys. zł.

12**Średnia (200-500 podstron, blog, custom post types)**: 6-10 tygodni. Cena: 30-60 tys.

13**Duża (e-commerce WooCommerce)**: 10-16 tygodni. Cena: 60-120 tys.

14Co może pójść nie tak: brak dostępu do hostingu WP (klient nie pamięta haseł), pluginy o których klient zapomniał (Contact Form 7 z 50 form, integracje z CRM), niestandardowe shortcodes w treści, multilanguage z WPML (skomplikowana migracja), URL-e z polskimi znakami (encoding hell). Z każdego można wyjść, ale dodaje 1-3 tygodnie.

FAQ

Najczęstsze pytania.

Ile trwa migracja WordPress na Next.js?
Mała strona (do 50 podstron): 4-6 tygodni, koszt 18-30 tys. Średnia (200-500 podstron, blog): 6-10 tygodni, 30-60 tys. Duża (e-commerce WooCommerce): 10-16 tygodni, 60-120 tys.
Czy stracę pozycje SEO przy migracji?
Nie, jeśli migracja zrobiona dobrze: URL-e zachowane 1:1 (lub 301 redirects), schema.org skopiowane, sitemap re-submit, Core Web Vitals zielony. Typowy spadek 1-2 tygodnie po deploy, potem powrót i wzrost.
Czy zostaję bez WordPressa po migracji?
Zależy od strategii. Headless WP: backend WP zostaje (admin + DB), frontend Next.js. Full migracja: treści przeniesione do nowego CMS (Sanity), WP wyłączony. Headless prostszy, full migracja czystsza.
Co z formularzami i pluginami WordPress?
Contact Form 7 → formularz Next.js + Resend/SendGrid SMTP. WooCommerce → migracja do Stripe/Przelewy24 albo zostawienie WP shop subdomain. WPML → next-intl albo Sanity i18n. Każdy plugin per case.
Kto zachowuje admin po migracji?
Headless WP: admin WP nadal aktywny, klient edytuje jak zawsze. Full migracja: klient uczy się Sanity Studio (1-2 sesje), workflow podobny do WP Gutenberg ale szybszy. Decyzja zależy od complacency klienta z nowym narzędziem.

Powiązane usługi

Pogadajmy

Masz pytanie? Napisz.

Kontakt