Lovable basics · 3 min leestijd
Lovable lost zijn SEO-probleem op — TanStack Start als nieuwe default
Je werkt met TanStack Start en ziet ander gedrag dan vroeger. Deze pagina geeft de SSR-migratie en de directe impact op Lovable-indexatie.
Lovable kondigde op 13 mei 2026 een fundamentele wijziging aan: TanStack Start wordt het nieuwe standaard-architectuur, met server-side rendering uit de doos. Dat lost het SEO-probleem op dat sinds dag één bestond. Maar bestaande projecten draaien nog op client-side rendering — die moeten je handmatig migreren.
Wat verandert er precies
Lovable gebruikt nu TanStack Start, een React-framework dat statische én server-rendered HTML produceert per route. Googlebot krijgt direct geldige HTML met content, niet een lege <div id="root"> die wacht op JavaScript. Pre-render is geen workaround meer — het is default behavior.
Voor nieuwe builds: niets doen. SEO werkt vanaf de eerste deploy. Voor bestaande builds (alles van vóór mei 2026): je moet de architectuur upgraden, anders blijf je op de oude flaky pre-render-flow.
Migreer-route voor bestaande Lovable projecten
Lovable biedt geen automatische migratie. Drie pragmatische opties:
- Optie 1 — Volledig opnieuw bouwen: exporteer je code, start een nieuw Lovable project, knip-plak je componenten over. ~4-8 uur voor een 20-pagina build.
- Optie 2 — Behoud Vite-stack + pre-render zelf: blijf op je huidige architectuur, voeg
vite-plugin-prerenderhandmatig toe (zie onze blog-strategie pillar). ~1-2 uur, geen risico op feature-loss. - Optie 3 — Hybrid SSR via Cloudflare Workers: deploy je client-side build naar Cloudflare Pages, configureer een Worker die HTML pre-rendert voor crawlers. Complex, alleen aan te raden voor sites met 1.000+ paginas.
Hoe check je welke versie je hebt
Open je deployed site in een private browser-venster met JavaScript uit. Zie je echte content of een lege pagina?
# Test je site via curl met Googlebot user-agent
curl -A "Mozilla/5.0 (compatible; Googlebot/2.1)" https://jouw-site.nl/
# Check of de HTML echte content bevat (geen lege div#root)
curl -s https://jouw-site.nl/ | grep -c '<p>'
# Resultaat: 0 = client-side rendering (probleem)
# Resultaat: 5+ = SSR aanwezig (goed)Wat dit betekent voor je SEO-strategie
Indexering wordt geen probleem meer voor nieuwe Lovable-builds. Maar dat verschuift de SEO-bottleneck naar de volgende laag: schema-markup, internal linking, content-architectuur en backlinks. Wat vóór 2026 het kritieke probleem was (rendering), is nu het kritieke probleem morgen (authority).
De checklist update: technisch fundament wordt makkelijker, content + backlinks worden zwaarder. Zie onze 38-punts checklist voor de actuele prioriteits-volgorde.
Wat er met TanStack Start verandert
TanStack Start is het framework waar Lovable sinds mei 2026 nieuwe projecten op zet. Het belangrijke verschil met de oude opzet: de pagina wordt op de server opgebouwd en als complete HTML teruggestuurd. Daarmee verdwijnt het grootste SEO-bezwaar tegen AI-gebouwde sites in één keer.
Wat dat concreet betekent:
| Oude opzet | Met TanStack Start |
|---|---|
| crawler krijgt een lege div | crawler krijgt de volledige tekst |
| metadata pas in de browser gezet | title, description en canonical staan in de bron |
| prerender-laag nodig als lapmiddel | niet meer nodig voor nieuwe projecten |
Geldt dit ook voor jouw project?
Alleen als het ná de omslag is aangemaakt. Bestaande projecten schakelen niet vanzelf om. Dat is de vraag die je als eerste beantwoordt, en het kost dertig seconden.
- Open je gepubliceerde pagina en bekijk de paginabron, niet de inspector.
- Zoek naar een zin die midden op je pagina staat.
- Vind je hem: je draait op server-rendering en je bent klaar. Vind je hem niet: je project draait nog op de oude opzet.
In dat tweede geval zijn er twee routes: omzetten naar de nieuwe opzet, of er een prerender-laag voor hangen. De afweging inclusief kosten staat in prerenderen: gratis of betaald.
Wat je nog steeds zelf regelt
Server-rendering lost het lezen op, niet de rest. Deze vier blijven jouw werk:
- Eigen title en meta description per route. Zonder dat erven al je pagina’s dezelfde, en dat is dubbele content in je eigen huis.
- Een sitemap die meegroeit. Zie sitemap toevoegen.
- Canonical per pagina, naar zichzelf. Zeker als je routes zowel met als zonder afsluitende slash werken.
- Echte statuscodes. Een verwijderde pagina hoort 404 of 301 te geven, geen 200 met een foutmelding erin.
Dat is het verschil tussen een site die gelezen kan worden en een site die gevonden wordt. Het complete stappenplan staat in Lovable SEO zelf doen.
