Nieuwe gave features in Next.js 13
De laatste versie van Next.js brengt veel gave nieuwe features met zich mee. Deze versie-update heeft veel toegevoegd op het gebied van developer experience, optimalisaties voor de snelheid van de applicatie en features die een stukje privacy teruggeven aan de eindgebruiker. In deze blog ga ik in op een paar van deze gave features. Lees je mee?
App Directory, stable sinds versie 13.4
Aan het hoofd van deze update staat de App Router, dit is net als de Pages Directory een file based routing maar voegt nieuwe features toe. Deze App Directory was lange tijd in beta, maar inmiddels stable in versie 13.4.
Deze App directory geeft de mogelijkheid om te werken met Layouts, React Server components en Streaming.
Next/Font
Next/Font is een volledig nieuw gebouwd systeem dat zich richt op – de naam zegt het al - fonts. Dit systeem optimaliseert externe en custom fonts automatisch, zorgt ervoor dat custom fonts automatisch gecached worden en externe fonts bij de applicatie ingeladen worden tijdens het builden. Dit komt de privacy van de eindgebruiker ten goede, aangezien deze geen verbinding hoeft te maken met bijvoorbeeld Google fonts.
Fonts zijn vaak grote bestanden, waardoor ze grote invloed hebben op de laadsnelheid van de applicatie. Door gebruik te maken van dit nieuwe systeem in Next.js 13 hoef je hier een stuk minder over na te denken en krijg je er ook nog eens een stuk privacy voor je eindgebruikers voor terug.
SEO & Metadata
Vanaf Next.js 13.2 kun je, als je gebruik maakt van de App Directory, direct in je Layout of Page de Metadata zetten.
Aan deze nieuwe aanpak zitten een aantal voordelen. Zo kun je bijvoorbeeld makkelijker Dynamische Metadata, zoals een product titel en beschrijving toevoegen aan je Product page via de generateMetadata functie. Deze wordt vervolgens voor alle producten gegenereerd en meegegeven, waardoor je betere resultaten in zoekmachines en het delen van links krijgt.
Guiding tomorrow's Technology
Dit is maar een kleine greep uit alle nieuwe features die Next.js 13 met zich meebrengt. Er zijn nog veel meer gave features. Ontdek het vooral ook zelf!
Vaak zie je dat applicaties een aantal versies achterlopen, waardoor je de kans op voorop te lopen mist. Ondanks dat vind ik het zelf geweldig om op de hoogte te blijven van de laatste ontwikkelingen en vooruit te kijken naar experimentele releases. Hierdoor zie je waar het landschap zich naartoe beweegt, zodat je hier straks beter op kunt anticiperen.
Duik dieper
Jeroen Broeksma wordt onze nieuwe Managing Director
New face Gerard - Tech Lead Frontend
Van 75 landen naar ons Arcady podium
Webdev Power up with AI: Meld je aan!
New Face: onze afstudeerders in september 2025
New face Kees - Full Stack Developer
Digitaal versnellen. Waar begin je?
Recap Arcady Zwolse Mudrun 2025
Op pad met de Polar Express
New face Maarten - .NET Developer
10 jaar Arcady
New face Jasper - Scrum Master
Zwolse Arcady Mudrun
New face Arjen - Senior .NET Developer
Arcady en FrontRow
Arcady gaat naar Groningen
New face: onze afstudeerders 2025
New face Jan - Tech Lead
New face Jesse - Front-end Developer
New face Wijnand - Talent Sourcer
New face Gerrit - Full Stack Developer
New face Roel - .Net Developer
New face Michiel - .Net Developer
New face Matt - Front-end Developer
New face Cedric- Full-Stack Developer
Brainpower++ met Arcadian Demiën
New face Calum - Full-Stack Developer
New face Noah - Front-end Developer
De reis naar MVP – Story of Sander
New face Lisa- Content Marketeer
Arcady doet mee aan Hacktoberfest 2024
New face Sjaak - Front-end Developer
Brainpower++ met Arcadians Max & Mike
New face Quincy - Full Stack Developer
Webdev Synergy: Meld je aan!
Brainpower ++ met Full Stack Developers Charlene en Jeroen
Brainpower ++ met Tech Lead Wessel Loth
Brainpower ++ met Senior React Developer Demiën
New Face Jelle
New Face Lars - Full Stack Developer
WebDev Connection: Zien we jou op 18 juni?
Brainpower++ met UX/UI Designer Stephan Westra
Brainpower ++ met (lead) Full-Stack Developer Lucas van Liere.
New face: onze afstudeerders 2024
New face Tim
New face Philip
Brainpower++ met Front-end Developer Robert
Groeiversneller Arcady creëert nieuwe sales posities
De werkdag van Sinterklaas
Recap Tweakers Developers Summit