Een blog maken in NextJS

Nordy Vlasman

Nordy Vlasman / September 20, 2020

Voor de minor 'The next web' kreeg ik de opdracht om een blog te maken waarin ik bij kan houden wat ik leer en uitspook. Dit kwam op een perfect moment, ik was al een tijdje van plan om NextJS te leren maar kon niet iets vinden waarvoor ik het kon gebruiken. Daarom pakte ik mijn kans om mijn blog te maken in NextJS in combinatie met Tailwind want dat is awesome.

Op dit moment is dit 'artikel' verouderd. Ik heb mijn blog omgezet naar Publish. Meer hierover kan je hier lezen.

Wat is NextJS?

NextJS is een framework gebaseerd, afgeleid van het framework ReactJS. Dat klinkt best raar. Maar het valt best wel mee, Vue heeft Nuxt, React heeft Next (En Gatsby en Blitz en weet ik veel wat nog meer. Mensen zijn slecht in het maken van keuzes 🤦‍♂️). Het geeft volgens hun zelf de beste ontwikkelaar ervaring met alle toevoegingen die je nodig hebt in productie. Statisch en Server rendering, Typescript, Route pre-fetching!! en meer, zonder configuratie. Dat is een lange zin die mij zelf erg enthousiast maakt, dus ging ik erop los.

Mijn ervaring

NextJS is op zichzelf een fijn en eenvoudige toevoeging over React zelf. In verband met mijn tot nu toe redelijk korte ervaring met Typescript heb ik er voor gekozen om plain JS te gebruiken. De makkelijkheden zoals Route prefetching maken je leven een stuk eenvoudiger. Daarnaast is het erg eenvoudig om Markdown support toe te voegen en je eigen componentjes te maken. Kortom, een fijne tool als je verder wilt kijken dan alleen ReactJS. Maar, begin daar wel eerst mee. Het is nog steeds erg nuttig om de kennis van React te hebben tijdens het ontwikkelen van een Next applicatie.

Je kan natuurlijk ook voor Vue of Angular kiezen, of ieder ander opkomende framework waar je vrolijk van wordt. Maar voor de uitdaging is React toch echt wel leuker.

Mag ik nog heel even?

Wil je geen uitdaging en wel een frontend framework gebruiken? Ga dan lekker voor NuxtJS. Je hebt niet veel kennis nodig en je kan meteen aan de slag 🥳.