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

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
