WordPress → Astro.

Wanneer Astro de juiste keuze is

Niet voor iedereen. Astro past bij:

• Performance is geen "nice-to-have", het is een eis (e-commerce, content-platform, agency-portfolio)
• Geen drag-and-drop-editor nodig — content via CMS of code is OK
• Site die 3-5 jaar mee moet zonder grote rebuilds
• Eigenaarschap totaal (code op Git, hosting verplaatsbaar)
• Klein-tot-middel-groot: 10-200 pagina's

Past niet bij:

• Klant wil dagelijks zelf visueel pagina's bouwen (→ Webflow)
• Multi-redacteur workflow met goedkeuringen (→ WordPress + Yoast)
• Complex membership/leerplatform-integratie (→ WordPress)
• Diepe WooCommerce-shop (→ blijven op WP of naar Shopify)

Het proces — 6 fases

Fase 1 — Audit + planning (2-3 dagen)

• URL-inventaris (zelfde als WP → Webflow migratie stap 2)
• Content-types definiëren (Astro content-collections: blog, services, projects, team)
• Headless CMS-keuze: Decap (gratis, <5 redacteuren) / Sanity (cloud, multi-author) / Payload (self-host)
• Hosting-keuze: Cloudflare Pages (gratis onbeperkt) / Vercel / Netlify

Fase 2 — Astro-project setup (1-2 dagen)

Skeleton-project opzetten:

• `npm create astro@latest`
• Tailwind CSS of vanilla CSS installeren
• Content-collections schema in `src/content/config.ts` definiëren (Zod-validation)
• Basis layout-component, header, footer
• SEO-helper-component voor meta-tags + schema.org JSON-LD

Fase 3 — Content-export uit WordPress (2-3 dagen)

Twee routes:

• Route A — Markdown files: WP REST API → Node.js script → MDX/Markdown files in `src/content/blog/`. Voor <100 posts: prima.
• Route B — Headless CMS: WP REST API → Sanity/Payload import. Voor >100 posts of multi-author: beter.

Content-velden mapping:

• WP `title` → Astro `title` (frontmatter)
• WP `date` → Astro `pubDate`
• WP `featured_media` → Astro `heroImage` (download + relink)
• WP `content` (HTML) → Astro `body` (Markdown via turndown-conversie)
• WP `categories` → Astro `categories` (array)

Fase 4 — Design-rebuild (1-2 weken)

Astro-components bouwen die je content renderen:

• `Layout.astro` — basislayout
• `Header.astro` + `Footer.astro` — globale componenten
• `BlogCard.astro` — preview-component voor blog-overzicht
• `SEOHead.astro` — herbruikbare SEO-component met schema.org
• Page-templates: `index.astro`, `[slug].astro` voor blog-detail, etc.

Performance-checks per template — image-optimisatie via Astro's ``-component (auto WebP/AVIF + responsive), font-loading geoptimaliseerd, geen render-blocking JS.

Fase 5 — Headless CMS koppelen (1-3 dagen)

Voor klanten die content willen blijven beheren zonder code:

• Decap CMS: `admin/config.yml` opzetten, GitHub OAuth, collections defineren matching met Astro content-schema
• Sanity: Studio opzetten, schema's spiegelend Astro, fetch-helpers in Astro pagina's
• Payload: backend deployen (Railway/Render), Astro-frontend fetched via REST/GraphQL

Lees Payload vs Sanity voor CMS-keuze.

Fase 6 — Launch + redirects + monitoring (1-2 dagen)

• Deploy naar Cloudflare Pages/Vercel/Netlify (git push = live)
• DNS aanpassen, SSL automatisch via provider
• 301-redirects via `_redirects` file (Netlify/Cloudflare) of `vercel.json`
• Google Search Console: nieuwe domein toevoegen, sitemap indienen
• Old WP in maintenance-mode 2 maanden als backup

Performance-verschil concreet

Een MKB-hovenier-site die we in januari 2026 migreerden:

Het positie-verschil leverde ~12 extra leads/maand op = €15.000+/jaar extra omzet voor deze hovenier.

Kosten

Bij DesignCheck Mijdrecht:

• Klein-Medium (10-30 pagina's, <100 posts): Rebuild €3.995, 3-4 weken
• Groot (30+ pagina's, 100+ posts, Sanity CMS): Premium €6.995, 5-6 weken
• Hosting na launch: €0 op Cloudflare Pages
• Onderhoud: €95/maand (volledig optioneel)

Vergelijk met WordPress: zelfde bouwkost, 80% lagere onderhoudskosten over 3 jaar.

Praktische valkuilen

• Dynamische features die WP "gratis" had. Search, comments, contact-form-submissions. Op Astro: extra setup (Pagefind voor search, Disqus/Giscus voor comments, Web3Forms voor formulieren).
• WooCommerce-migratie. Astro is geen shop-platform. Voor MKB-shop: separately migreren naar Shopify (zie Shopify vs WooCommerce).
• Custom PHP-code. Vergeet niet in inventaris. Functions.php-snippets, custom plug-in-code — moet opnieuw worden gebouwd in TypeScript/Astro.

Gerelateerde artikelen

FAQ — WP naar Astro

Astro versus andere alternatieven: waarom deze stack voor MKB-marketing

Astro is in drie jaar de defacto migratie-bestemming geworden voor WordPress-sites met focus op performance en lage onderhoudskosten. De positie ligt tussen Eleventy (puur statisch, geen framework-features) en Next.js (volledig framework, maar zwaarder). Astro biedt een minimalistisch component-model met support voor React, Vue en Svelte componenten waar je dat nodig hebt, en rendert standaard naar statische HTML zonder client-side JavaScript. Het "islands"-model laadt interactiviteit alleen waar je hem expliciet vraagt.

Tegenover Webflow is Astro op alle performance-metrics gelijk of beter, maar vraagt wel een bouwer of bureau — geen visuele editor in de browser. Voor MKB-klanten die een redactie zonder tech-team hebben is Webflow vaak praktischer; voor klanten met een bureau en designer-niveau output is Astro de meer flexibele keuze.

Tegenover Next.js is Astro lichter en eenvoudiger te onderhouden voor pure content-sites. Next.js wint zodra je app-functionaliteit nodig hebt (login, dashboards, real-time data). Voor een marketing-site met blog en contactformulier is Astro objectief beter dan Next.js — minder JavaScript, eenvoudiger deploy, sneller te bouwen.

Content-management na Astro-migratie: drie werkende patronen

De grootste vraag bij Astro-migratie is "hoe doet mijn redactie hun werk?". Drie patronen werken bewezen.

Markdown in repo. Geschikt voor technische teams of bureaus met klantonderhoud. Posts en pagina's leven als .md-bestanden in de Git-repo, content-bewerking via VS Code, deploy via push. Voordeel: nul kosten, full version-control. Nadeel: redactie moet Markdown en Git begrijpen.

Decap CMS (voormalig Netlify CMS). Gratis, GitHub-based, met visuele admin op /admin van je site. Redactie werkt in een browser-editor, wijzigingen committen automatisch naar Git. Geschikt voor MKB met 1-3 redacteuren. Wij gebruiken dit standaard voor MKB-Astro-builds.

Sanity of Storyblok. Volledige headless CMS voor sites met meerdere redactie-teams, multi-language of complexe content-modellen. Sanity is sterker voor technische teams; Storyblok voor marketing-teams die "klikken en zien" willen. Kost €0-€99 per maand afhankelijk van team-grootte.

Welke je kiest hangt af van redactie-profiel en budget. Een ZZP'er met blog: Markdown. MKB met 2 redacteuren: Decap. Merk met 5+ redacteuren of multi-language: Sanity of Storyblok.

SEO bij WP-naar-Astro: het detail dat 90% van migraties beslecht

De grootste angst bij elke migratie is SEO-verlies. Bij goed uitgevoerde Astro-migraties zien wij niet alleen géén verlies, maar typisch 10-30% groei in organisch verkeer binnen drie maanden. Het mechanisme: dramatisch betere Core Web Vitals (LCP, CLS, INP) zijn directe ranking-factoren sinds 2021. Een site die van Lighthouse 65 naar 98 gaat krijgt structureel meer rankings, ook zonder content-wijziging.

Vier randvoorwaarden om dat te realiseren. Volledige URL-mapping: elke oude URL krijgt een 301 redirect naar de nieuwe slug. JSON-LD opnieuw genereren: schema.org-markup voor LocalBusiness, BlogPosting, FAQPage, ItemList — niet kopiëren maar opnieuw bouwen vanuit de nieuwe site-structuur. Sitemap.xml automatisch genereren: via @astrojs/sitemap, en submitten aan Google Search Console. Open Graph en Twitter Cards: in een dedicated Astro-component die per pagina configureerbaar is.

Bij Keurmeesters hebben we deze vier punten als checklist gebruikt vóór deploy. Resultaat: geen tijdelijke dip, direct stabiele rankings, en binnen acht weken gestaag stijgende impressies in Search Console. Geen toeval — gewoon goed uitgevoerde basics.

• Astro-versie: minimaal 4.x voor View Transitions en image-optimization
• Image-pipeline: @astrojs/image of getImage() voor automatische optimization
• Content Collections: gebruik type-safe content-API voor blog en pagina's
• View Transitions: voor app-achtige navigatie zonder JavaScript-framework
• Islands: alleen voor expliciete interactiviteit (forms, carousels, search)
• Deploy-target: Cloudflare Pages (gratis onbeperkt) of Vercel (genereuze tier)
• CDN: ingebouwd bij Cloudflare/Vercel, geen aparte CDN-rekening
• Form-handling: Tally, Formspree of Cloudflare Pages Functions
• Analytics: Plausible, Fathom of Cloudflare Web Analytics (privacy-vriendelijk)
• Search: Pagefind (static search) of Algolia voor uitgebreide sites
• Comments: Giscus (GitHub Discussions) of statische comment-systeem
• Newsletter: Buttondown, ConvertKit of Mailerlite API
• RSS: @astrojs/rss-package voor automatische feed-generatie
• 301-redirects: in _redirects (Cloudflare) of vercel.json (Vercel)
• Build-pipeline: GitHub Actions of platform-native CI, build in 30-90s

Migratie-pad: zes weken van WordPress naar Astro live

Een realistisch tijdpad voor een MKB-marketing-site met 20-30 pagina's en 50-150 blog-posts ziet er als volgt uit.

Week 1: audit en plan. Volledige inventaris van WordPress-content, plug-in-functies, custom code en URL-structuur. Stack-keuze (Markdown/Decap/Sanity) op basis van redactie-profiel. Design-refresh-scope bepalen.

Week 2: content-migratie. WP-export via WXR-bestand, conversie naar Markdown of Sanity-documenten via geautomatiseerd script. Image-download en hertoewijzing naar nieuwe asset-folder. Cleanup van legacy-shortcodes.

Week 3-4: build en design-refresh. Astro-componenten bouwen (header, footer, blog-card, hero), pagina's parallel construeren, design-systeem implementeren (kleuren, typografie, spacing). Forms en analytics inrichten.

Week 5: redirects en SEO. 301-redirect-mapping van elke oude URL, JSON-LD-schema's bouwen, sitemap en RSS-feeds, Open Graph-pipeline. Google Search Console en Analytics inrichten.

Week 6: launch en monitoring. DNS-switch, eerste 48 uur intensief monitoren (rankings, Core Web Vitals, form-submits). Eerste-week-rapport met klant. Daarna over naar onderhoud-cadans (4-8 uur per kwartaal).

Sites die dit pad volgen lopen zelden tegen verrassingen aan. Sites die haasten of de SEO-stap overslaan zien een dip van 4-8 weken. Voorkomen is goedkoper dan repareren.

De jaarcijfers na een Astro-migratie: wat klanten typisch zien

Twaalf maanden na een Astro-migratie zien klanten een vaste patroon van veranderingen die op WordPress structureel onbereikbaar waren. Onderhoudsuren: van 24-36 uur per jaar naar 4-8 uur per jaar, een reductie van 75-85%. Hosting-kosten: van €15-€45 per maand naar €0-€20 per maand. Plug-in-licenties: van €400-€700 per jaar naar €0. Security-incidenten: van 0-3 per jaar naar 0.

Performance-cijfers volgen dezelfde lijn. Lighthouse mobile typisch van 50-70 naar 95-100. LCP van 3-5 seconden naar 0.8-1.5 seconden. TTFB van 400-900ms naar 50-150ms (via Cloudflare edge). Core Web Vitals "pass" voor 95%+ van pagina's, tegen 30-50% bij gemiddelde WordPress-installatie.

SEO-data over twaalf maanden: organisch verkeer typisch +15-30%, gemiddelde positie van top-keywords +3-8 plekken, click-through-rate +10-20%. Geen toeval, maar direct effect van Core Web Vitals als ranking-factor plus betere site-structuur die je bij migratie meteen meeneemt.

Bij Keurmeesters zien wij vergelijkbare cijfers vier maanden na launch: Lighthouse 98, nul onderhoudsuren buiten content-werk, en stijgende impressies in Search Console week-op-week. Geen optimalisatie-werk, gewoon het effect van een statische stack die snel laadt en goed gestructureerd is.

FAQ — Astro praktisch

Wat doe je vandaag?

Bekijk je huidige WordPress-site met drie vragen: hoeveel onderhoudsuren per maand, welke Lighthouse-score op mobile, hoeveel plug-ins actief. Met die drie getallen op tafel weet je of Astro-migratie zinvol is. Boven 2 uur per maand, onder Lighthouse 75 en boven 20 plug-ins — drie keer ja en het antwoord is praktisch zeker. Vraag een gratis audit aan voor een concrete prijsindicatie en tijdpad voor jouw specifieke situatie.

Door Lorenzo Ruisi — DesignCheck. Laatst bijgewerkt 17 mei 2026.