Nuxt-ontwikkeling is webapplicaties bouwen op Nuxt, het full-stack framework dat Vue omhult met alles wat een productiesite nodig heeft — , routering op basis van bestanden, server-API-routes, beeldoptimalisatie en een contentlaag voor pagina's die uit Markdown komen. Het praktische gevolg is een site die bij het eerste antwoord echte HTML levert: crawlers, linkvoorbeelden en trage telefoons krijgen allemaal de pagina, geen spinner die er een belooft.

We zijn niet neutraal over dit framework, en we doen ook niet alsof. Deze site — vier taaldomeinen, contentcollecties in Markdown, gegenereerde sitemaps, gestructureerde data op elke pagina — is Nuxt, en we voelen de gevolgen van elke architectuurkeuze in ons eigen zoekverkeer voordat we hem iemand aanraden.

De producten die we bouwen

  • Marketing- en contentsites — snel, indexeerbaar en te bewerken in Markdown of een CMS, geprijsd als eigen niveau op de pagina webontwikkeling
  • Contentplatforms — blogs, documentatie, meertalige redactionele sites waar gestructureerde data en hreflang echt werk doen
  • Productwebapps — geauthenticeerde, interactieve applicaties waarvan de publieke pagina's toch moeten scoren; de backofficevariant behandelen we op beheerpanelen en dashboards
  • Migraties naar Nuxt — een front-end weghalen bij servertemplates, WordPress of een client-gerenderde singlepageapp zonder het product stil te leggen
  • De webkant van een mobiel product — waar de app het product is en het web zijn publieke gezicht; die combinatie heeft een eigen pagina, companion-webapps

Wie je Nuxt-app bouwt

Beide bewijzen hieronder staan live, en je kunt ze allebei zelf nalopen.

Deze site, die je op dit moment via Nuxt leest

nerdy.pro draait op Nuxt 4 met SSR: internationalisatie over meerdere domeinen in vier talen, Nuxt Content achter elke dienst- en blogpagina, gegenereerde sitemaps, JSON-LD per pagina, en Core Web Vitals waarvoor we met onze eigen leads instaan. Dogfooding is makkelijk beweerd, dus maken we het controleerbaar — bekijk de bron van deze pagina en de volledige HTML staat er, zonder dat er JavaScript nodig is.

Formtastic — een front-end onder belasting naar Nuxt verhuisd

De interface van Formtastic begon als Django-templates: snel om mee te starten, steeds duurder om door te ontwikkelen, elke UI-wijziging gekoppeld aan een backenddeveloper. We hebben het systeem gescheiden — Django bleef als API, de volledige gebruikersinterface verhuisde naar een Nuxt-front-end met SSR en SSG. De ontwikkeling van schermen versnelde, de serverbelasting daalde, en de publieke pagina's wonnen meetbaar aan SEO en laadsnelheid. De webapplicatie is live op app.formtastic.de. De backoffice van ons cashback- en loyaliteitsplatform is ook Nuxt — de serverroutes en conventies van het framework betalen zich zelfs terug waar SEO nooit in beeld komt.

Wat Nuxt-werk werkelijk vraagt

Het framework geeft je het renderen cadeau; productie-Nuxt is alles eromheen. Vier disciplines bepalen het resultaat.

De juiste pagina's op de juiste manier renderen

SSR, SSG en client-only renderen zijn besluiten die per route vallen. Een prijzenpagina wil statisch gegenereerd en aan de edge gecachet zijn; een dashboard achter een login wil helemaal geen serverrendering; een contentpagina wil SSR met cacheheaders afgestemd op hoe vaak hij verandert. We leggen die keuzes expliciet per route vast — en hydration-mismatches, de klassieke Nuxt-productiebug, worden in het ontwerp uitgebannen in plaats van achteraf met pleisters afgedekt.

Contentmodellering vóór contentinvoer

Een contentsite staat of valt met zijn schema: welke velden een pagina heeft, wat bij het bouwen wordt gevalideerd, wat een redacteur wel en niet kapot kan maken. We modelleren content eerst — in Nuxt Content met typeveilige schema's wanneer developers de woorden beheren, of in een headless CMS wanneer redacteuren dat doen; de afweging tussen die twee staat uitgewerkt op de pagina webontwikkeling.

De SEO-machinerie die de meeste bouwprojecten overslaan

Meta- en Open Graph-tags server-gerenderd, canonieke URL's, hreflang over talen en domeinen, gestructureerde data in JSON-LD, sitemaps die zichzelf bijwerken. Deze site levert dat allemaal, pagina voor pagina, vanuit dezelfde code die we voor klanten uitrollen — en daarom noemen we het machinerie in plaats van een plug-in die je aanzet.

Prestaties als budget

Core Web Vitals zijn doelen waar we naartoe bouwen: afbeeldingen op maat en lazy geladen via Nuxts eigen pijplijn, code gesplitst per route, caching ingesteld per contenttype. Serverrendering maakt een pagina op zichzelf niet snel; het legt de snelheid alleen in jouw handen.

Migreren naar Nuxt zonder het product stil te leggen

Het Formtastic-patroon laat zich veralgemenen. De bestaande backend blijft dienen als API — Django, Rails, Laravel, PHP-services, het maakt niet uit — terwijl de interface route voor route naar Nuxt verhuist, publieke pagina's eerst, waar SSR zich meteen terugbetaalt. Geen herbouw in één klap, geen functiebevriezing, en elke gemigreerde route is op snelheid en zoekverkeer meetbaar tegen zijn voorganger voordat de volgende verhuist. Is je front-end een client-gerenderde singlepageapp die nooit scoort, dan geldt dezelfde route — het framework eronder verandert, de migratiediscipline niet.

Hoe we werken

Bouw met vaste scope. Verkenning, contentmodel, bouw, uitrol — inclusief het aansluiten van analytics en de overdracht van Search Console, zodat je de SEO-resultaten kunt meten in plaats van ons op ons woord te geloven.

Teamuitbreiding. Onze engineers sluiten aan in de repo en sprints van je team — zie teamuitbreiding.

Hoe dan ook sturen we, zodra we de eisen scherp hebben, binnen twee werkdagen een offerte met duidelijke scope.

Wat Nuxt-ontwikkeling kost

Nuxt-werk wordt geprijsd vanuit de gepubliceerde niveaus van de pagina webontwikkeling: een marketing- of contentsite op € 4.000-9.600, een geauthenticeerde webapp op € 12.000-32.000, en een contentplatform in handen van redacteuren op een headless CMS op € 16.000-40.000.

Dit zijn dezelfde gepubliceerde niveaus als in de prijstabel van de pijler — dezelfde sleutels renderen beide, dus de twee kunnen niet uiteenlopen. Een migratie wordt geprijsd als het niveau waarin ze landt: een marketingsite naar Nuxt verhuizen is werk op landingsniveau, een geauthenticeerde productfront-end verhuizen is werk op webappniveau — in beide gevallen met de bestaande API intact.

Veelgestelde vragen

Veelgestelde vragen van teams die Nuxt overwegen voor een bouw of een migratie.

Nuxt is een full-stack webframework op basis van Vue dat serverrendering, routering, server-API-routes en beeldoptimalisatie standaard regelt. De praktische reden om het te kiezen: je pagina's komen aan als echte HTML, zodat zoekmachines en linkvoorbeelden ze lezen zonder JavaScript uit te voeren — de grootste hefboom op frameworkniveau voor organisch zoekverkeer. We draaien onze eigen site erop, dus de aanbeveling komt voort uit het zelf bedienen van het framework.
Het zijn eerlijke gelijken — Nuxt is voor Vue wat Next.js voor React is, en beide leveren serverrendering, routering en full-stack conventies goed af. De doorslag geeft vrijwel nooit het framework: het is het ecosysteem waarin je team kan werven en onderhouden. Het onze is Vue, we draaien onze eigen zaak op Nuxt, en die operationele diepgang is wat we verkopen. Zit je team diep in React en werf je daarop, dan is Next.js de juiste keuze en zeggen we dat ook.
Ja — dat is het Formtastic-patroon. Je bestaande backend blijft de API terwijl de interface route voor route naar Nuxt verhuist, publieke pagina's eerst, waar serverrendering zich meteen terugbetaalt. Geen functiebevriezing, geen overgang in één klap, en elke gemigreerde route wordt op snelheid en zoekverkeer gemeten tegen zijn voorganger voordat de volgende verhuist. Dezelfde discipline geldt of je nu servertemplates, WordPress of een client-gerenderde singlepageapp verlaat.
Rendert je huidige front-end in de browser of koppelt hij elke pagina aan trage servertemplates, dan meestal wel — en meetbaar. Serverrendering zet content, metatags en gestructureerde data in het eerste HTML-antwoord, het meest bepalende besluit op frameworkniveau voor organisch zoekverkeer. De publieke pagina's van Formtastic wonnen na de overstap aan zowel SEO als laadsnelheid. Wat Nuxt niet kan, is dunne content compenseren — we zeggen het je als je probleem in de woorden zit in plaats van in het renderen.
Een snelle marketing- of contentsite kost doorgaans 5.000 tot 12.000 dollar over twee tot vier weken, een geauthenticeerde webapp 15.000 tot 40.000 over één tot drie maanden, en een contentplatform in handen van redacteuren op een headless CMS 20.000 tot 50.000. Dit zijn de gepubliceerde niveaus op onze pagina over webontwikkeling, geen openingsbod voor een verkoopgesprek. Een migratie wordt geprijsd als het niveau waarin ze landt, omdat de bestaande API blijft.
Voor een puur interne tool achter een login, waar niets geïndexeerd hoeft te worden — een gewone Vue-singlepageapp is eenvoudiger te doorgronden en goedkoper te draaien, en onze eigen technologienotities zeggen precies dat. Ook wanneer je team aan React gecommitteerd is, waar Next.js je uit je eigen ecosysteem laat werven. Nuxt verdient zijn complexiteit wanneer pagina's gevonden of gedeeld moeten worden, of snel moeten zijn bij het eerste laden; geldt geen van die drie, dan raden we het eenvoudigere aan.

Lees de casestudy over de Formtastic-migratie, zie waarom we naar Nuxt grijpen in plaats van naar kaal Vue wanneer SEO telt, of begin bij de pijler webontwikkeling.