Nuxt specialist voor moderne webapplicaties
Wat is Nuxt
Nuxt is een open-source meta-framework bovenop Vue.js. Waar Vue de reactieve UI-laag levert, biedt Nuxt alles eromheen: routing, server-side rendering (SSR), statische generatie, module-ecosysteem, TypeScript-ondersteuning en een moderne build-toolchain op basis van Vite. Voor ontwikkelaars betekent het dat ze niet elke keer opnieuw hoeven te bepalen hoe de fundering van een applicatie eruit ziet. Voor jou als opdrachtgever betekent het dat je websites en applicaties krijgt die snel laden, goed vindbaar zijn en makkelijk uitbreidbaar blijven.
Nuxt zit in dezelfde categorie als Next.js (het React-alternatief) en concurreert daarmee op vergelijkbare use cases. Voor teams die vertrouwd zijn met Vue, of die de developer experience van Vue prettiger vinden dan die van React, is Nuxt de logische keuze.
Wanneer je voor Nuxt kiest
Nuxt is niet altijd de juiste keuze. Voor een standaard bedrijfswebsite is WordPress op maat vaak sneller en goedkoper. Voor een puur back-end georiënteerde SaaS heb je waarschijnlijk geen frontend framework nodig. Nuxt wordt interessant zodra je een of meer van deze situaties herkent:
- Je bouwt een content-heavy marketingwebsite waar performance en SEO cruciaal zijn, en je wil de frontend loskoppelen van een headless CMS
- Je bouwt een SaaS-applicatie of platform met veel interactie en state, waarbij Vue een prettige developer experience biedt
- Je hebt een bestaande Vue-applicatie die je wil opschalen of professionaliseren met SSR en betere structuur
- Je wil razendsnelle laadtijden op elke pagina, ook op mobiel bij slechte verbinding
- Je bouwt een PWA of hybride mobiele webapp die offline moet werken
- Je hebt een API-gedreven backend en zoekt een moderne frontend die daarop past
Nuxt versus alternatieven
De keuze voor Nuxt is bijna altijd een keuze tussen frameworks. Wij helpen die afweging maken op basis van jullie situatie.
Nuxt versus Next.js: technisch vergelijkbaar, verschillende ecosystemen. Nuxt gebruikt Vue, Next.js gebruikt React. De keuze hangt af van welke stack je team of eventuele externe developers al beheersen. Nuxt heeft een lichte voorkeur wanneer developer experience en snelheid van ontwikkeling zwaarder wegen; Next.js heeft een groter ecosysteem en meer commerciële ondersteuning.
Nuxt versus WordPress: voor content-heavy websites zonder complexe interactie is WordPress vaak sneller op te leveren. Voor snelheid en flexibiliteit op grote schaal wint Nuxt, zeker in combinatie met een headless CMS waarbij WordPress als backend blijft.
Nuxt versus Laravel Blade: voor server-rendered pagina’s met beperkte interactie is Laravel Blade eenvoudiger. Voor rijke interactieve applicaties met veel client-side state wint Nuxt. Vaak combineren we beide: Laravel als API-backend, Nuxt als frontend.
Nuxt versus Framer of andere no-code: voor snelle campagnesites en experimenten zijn no-code tools handig. Voor productie-applicaties waar performance, maintainability en integratie met eigen systemen belangrijk zijn, kies je bewust voor Nuxt.
Wat wij met Nuxt bouwen
Onze Nuxt-projecten vallen bijna altijd in één van deze categorieën.
Content-heavy marketingwebsites
Nuxt gecombineerd met een headless CMS levert websites die op elke pagina onder de seconde laden en die op alle SEO-vinken groen scoren. Voor NIPO ontwikkelden wij een razendsnelle SEO-geoptimaliseerde website die naadloos aansluit bij de wereldwijde Kantar-huisstijl, gebouwd op deze stack.
E-commerce platformen en webshops
Voor Drankdozijn draait een Nuxt-frontend die miljoenen bezoekers per jaar bedient, met server-side rendering voor SEO en client-side interactie voor de checkout-flow. De Nuxt-laag praat met de bestaande IBM i backend via een Laravel-tussenlaag.
SaaS-platformen en klantportalen
Voor complexe klantportalen waar dagelijks mee gewerkt wordt, biedt Nuxt de balans tussen serverzijde structuur en clientzijde interactie. Voor Medclass bouwden wij een leerplatform in Nuxt met Directus als headless CMS, waarmee zorgprofessionals toegang hebben tot nascholing en communicatie.
Data-portalen en dashboards
Voor NMO Data ontwikkelden wij een centraal dataportaal voor mediabereiksonderzoek dat complexe cijfers toegankelijk en betrouwbaar maakt voor dagelijks gebruik. Nuxt zorgt voor snelheid en interactieve visualisaties, gecombineerd met een moderne dataverwerkingslaag.
Progressive Web Apps
Nuxt heeft ingebouwde ondersteuning voor Progressive Web Apps. Voor bedrijfsapps en veldservice-applicaties bouwen wij Nuxt-PWA’s die offline werken, syncen zodra er verbinding is, en installeerbaar zijn op mobiel zonder de complexiteit van native app-development.
Campagnesites en landingspagina’s
Voor tijdgevoelige campagnes waar performance en interactie samen moeten komen, is Nuxt met statische generatie razendsnel op te leveren en te hosten op edge-infrastructuur zoals Vercel of Cloudflare.
Onze Nuxt-stack
Elke Nuxt-project bouwen wij op een stack die zich in tientallen projecten heeft bewezen.
Frontend framework: Nuxt (huidige versie), gebouwd op Vue 3 en Vite voor build-snelheid. TypeScript wordt standaard gebruikt op middelgrote en grote projecten.
Styling: Tailwind CSS voor consistente huisstijl zonder maintenance-lasten van eigen CSS. Voor design systems combineren we met headless UI-libraries.
Headless CMS: afhankelijk van het project Directus (voor projecten die maximale controle over data willen), Sanity (voor gestructureerde content met redactie-team) of Pruvious (ons eigen Nuxt-native CMS voor projecten die volledig in het Nuxt-ecosysteem willen blijven).
Backend en API’s: voor complexe business logic combineren we met Laravel als API-backend. Voor eenvoudigere setups gebruiken we Nuxt’s eigen server-routes (Nitro).
Hosting: afhankelijk van het project reguliere hosting via Ploi, edge-hosting via Vercel of Cloudflare, of self-hosted via AWS. De keuze hangt af van verkeer, budget en gewenste geografische spreiding.
Authentication en identity: SSO via Microsoft 365 Entra ID, Auth0 of eigen auth-implementatie, afhankelijk van de eisen.
Waar wij scherp op letten
Een Nuxt-project dat niet goed is opgezet, verliest snel zijn snelheidsvoordeel. Dit zijn de plekken waar wij structureel bij stilstaan.
- Server-side rendering versus client-side rendering keuzes per pagina. Niet elke pagina hoort SSR te zijn, en niet elke pagina hoort SPA-achtig te werken. Wij maken die afweging bewust.
- Image optimization via het ingebouwde image-module, met automatisch WebP, lazy loading en responsive sizes. Zonder deze aandacht schiet Lighthouse omlaag ondanks Nuxt’s fundering.
- Bundle-size discipline. Elke extra dependency telt op mobiel. Wij monitoren bundle-size actief en houden ‘m laag.
- Caching-strategieën met stale-while-revalidate, ISR (Incremental Static Regeneration) en CDN-caching op de juiste niveaus. Voor content-heavy sites maakt dit het verschil tussen 100 ms en 3 s laadtijden.
- SEO details: structured data, Open Graph, canonical URLs, hreflang voor meertalige sites, sitemap-generatie. Nuxt biedt de tools, wij zorgen dat ze correct worden ingezet.
- Accessibility: componenten die aan WCAG 2.2 voldoen, keyboard-navigatie, screen-reader support. Vooral bij interactieve componenten die je zelf bouwt.
- Migratiepaden tussen Nuxt-versies. Nuxt evolueert snel. Wij bouwen zo dat upgrades voorspelbaar en niet destructief zijn.
- Type-safety door TypeScript strikt te gebruiken, met validatie op API-boundaries via Zod of Valibot. Bugs vangen we in de editor op, niet in productie.
Nuxt combineren met een headless CMS
Nuxt komt tot zijn recht in combinatie met een moderne backend. Deze combinaties werken wij het meest.
- Nuxt + Directus: voor projecten waar data-structuur belangrijk is en waar redactie-teams een moderne interface willen. Directus draait op je eigen database, dus je houdt volledige controle over de data.
- Nuxt + Sanity: voor content-heavy projecten waar structured content en een prettige editor-ervaring belangrijk zijn.
- Nuxt + Pruvious: voor projecten die volledig in het Nuxt-ecosysteem willen blijven, met een CMS dat zich als Nuxt-module gedraagt.
- Nuxt + WordPress als headless CMS: voor projecten waar het redactie-team WordPress prettig vindt maar de frontend razendsnel moet zijn. WordPress levert de content via de REST API, Nuxt bouwt de frontend eromheen.
- Nuxt + Laravel: voor projecten met complexe business logic. Laravel als API-backend, Nuxt als interactieve frontend. Werkt uitstekend voor SaaS-platformen en klantportalen.
- Nuxt + Shopify of Commerce Cloud: voor headless e-commerce waar je een razendsnelle winkelervaring wil op een bewezen commerce-platform.
Wil je meer weten? Bekijk onze bredere pagina’s over maatwerksoftware, platforms op maat of webshops en platforms.
Hoe ideeën werkelijkheid worden
Geen theorie, maar echte trajecten. Bekijk hoe richting, techniek en ontwerp samen zorgen voor resultaat dat blijft staan.
Inzichten uit ons digitaal vakmanschap
Van praktijkverhalen en slimme oplossingen tot updates uit ons eigen team. Een inkijk in wat ons bezighoudt, wat we ontdekken en hoe ideeën langzaam vorm krijgen.
Veelgestelde vragen over Nuxt
-
Wanneer kies ik voor Nuxt en niet voor Next.js?
De belangrijkste factor is welke stack je team beheerst. Nuxt draait op Vue, Next.js op React. Beide frameworks zijn technisch vergelijkbaar en beiden ontwikkelen zich snel. Als je team of aanleverende developers al met Vue werken, is Nuxt de logische keuze. Als je in het React-ecosysteem zit, is Next.js beter. Vanuit puur developer experience-perspectief zijn er kleine voorkeuren voor Nuxt (eenvoudigere API’s, sneller op te starten), maar dat verschil is klein en verandert per release.
-
Werken jullie ook met bestaande Vue-applicaties?
Ja. Onze projecten beginnen regelmatig met een bestaande Vue 2- of Vue 3-applicatie die aan modernisering toe is. Wij brengen in kaart wat er staat, welke onderdelen goed werken en welke opnieuw moeten. Vaak migreren we stap voor stap naar Nuxt in plaats van in één keer, zodat je gebruikers er niets van merken. Voor Vue 2-naar-Vue 3 migraties werken we volgens de officiële migratiegids, met aandacht voor breaking changes en third-party dependencies.
-
Hoe zit het met SEO bij een Nuxt-website?
Nuxt is een van de sterkste frameworks voor SEO, mits goed opgezet. Server-side rendering zorgt dat Google direct de content ziet zonder JavaScript te hoeven uitvoeren. Structured data, Open Graph tags, canonical URLs en sitemaps regelen we standaard. Voor meertalige sites gebruiken we de i18n-module met correcte hreflang-tags. Voor performance halen we consequent 90+ scores op Lighthouse voor mobile en desktop. Ranken op Google gaat overigens niet alleen om techniek: content en linkstructuur blijven doorslaggevend.
-
Kunnen jullie een Nuxt-project overnemen dat door een andere partij is gebouwd?
Ja. Wij nemen regelmatig Nuxt-projecten over die aan onderhoud toe zijn. Onze eerste stap is een assessment: hoe is de code opgebouwd, welke afhankelijkheden zijn er, welke security-issues staan open, en hoe robuust is de architectuur. Op basis daarvan stellen we een overdracht- of moderniseringsplan voor. Voor projecten die goed opgezet zijn kunnen we snel schakelen. Voor projecten met technische schuld werken we een stapsgewijs modernisering-traject uit.
-
Wat is Pruvious en hoe verhoudt zich dat tot Nuxt?
Pruvious is een open-source CMS en applicatieframework dat volledig op Nuxt is gebouwd. Voor projecten die in het Nuxt-ecosysteem willen blijven zonder een aparte headless CMS ernaast te draaien, biedt Pruvious een compacte oplossing. Content, admin-interface en frontend leven in dezelfde applicatie. Voor grotere projecten met eigen redactie-workflows of API-integraties adviseren we meestal Directus of Sanity naast Nuxt. De keuze hangt af van scope en team.
Voor de ontwikkeling van een kennisplatform van een nieuw team binnen het VUmc, zijn we de samenwerking aangegaan met SMIT. Dit heeft een prettige en vakkundige samenwerking opgeleverd, waarin SMIT. onze wensen begrijpt en hier vakkundig en constructief over mee kan denken. Wij zijn erg tevreden over het resultaat en deze samenwerking!
SMIT is voor ons een betrouwbare partner op IT gebied. We werken al 19 jaar samen. We zijn met onze webshop Drankdozijn altijd vooruitstrevend en daar past SMIT heel goed bij. Innovatieve ideeën worden met SMIT werkelijkheid. Naast een digitale strategie staat digital security bij SMIT centraal, wat voor ons als e-commerce bedrijf een vertrouwd gevoel geeft.
We werken al lange tijd samen met SMIT en zijn zeer tevreden over de samenwerking. Het team is uiterst deskundig en denkt proactief mee over marketingoplossingen met creatieve, waardevolle ideeën die ons echt verder helpen. Als het nodig is, spelen ze kort op de bal en handelen ze snel en direct. Een betrouwbare partner waar we graag mee blijven werken!
Voor een complex portal hebben wij SMIT Digitaal Vakmanschap ingeschakeld. Na wat opstartproblemen is er door de werknemers van SMIT een waardevolle tool ontwikkeld, waar zowel wij als onze klanten, elke dag dankbaar gebruik van maken.
In maart 2024 is onze nieuwe website gelanceerd. Gemaakt door en gehost bij SMIT. Design was op basis van corporate huisstijl met eigen stijlelementen. Veel aandacht is gegeven aan site performance, waardoor website hoog scoort op SEO, accessibility en best practices.
SMIT heeft ons super geholpen met het zetten van de volgende stap met onze webshop. Wij hadden behoefte aan een partij die ons kon faciliteren in een stabiele server die bestand is tegen pieken in bezoekersaantallen. SMIT heeft meer dan dat geleverd. Een uiterst professionele partij, heel toegankelijk, snel in hun reactie en ze weten echt waar ze het over hebben. Aanrader!
SMIT is technisch sterk, ze kunnen goed luisteren naar de businessvraag achter de it-oplossing en zijn zakelijk betrouwbaar. Kortom: een goede partner voor je IT-innovaties.