Een nieuwe website en CMS, klaar voor drukte, met lagere kosten en sneller publiceren

Doel

Een site die tegen zijn grenzen aanliep

De oude site draaide op Nuxt 2 en liep tegen zijn grenzen aan. Pagina's gaven soms serverfouten en de caching was niet goed ingesteld. Daardoor was de site kwetsbaar, vooral als er ineens veel bezoekers kwamen.

Het doel van de nieuwe site was helder: sneller laden en betere Core Web Vitals, lagere kosten voor dataverkeer tijdens drukke momenten, en contentbeheer in DatoCMS zodat het team geen developer nodig heeft voor updates.

Uitvoering

Pagina's vooraf klaarzetten en slim verversen

We bouwden de site opnieuw in Next.js, met Incremental Static Regeneration (ISR). Pagina's worden vooraf klaargezet, zodat ze direct laden, en op de achtergrond ververst als er iets verandert. Zo blijft de site snel voor bezoekers en staan updates live zonder de hele site opnieuw te bouwen.

Een overzichtelijkere opbouw

We verbeterden de opbouw van de content, zodat de redactie sneller kan werken zonder layouts te breken. Twee dingen maakten het grootste verschil. Een duidelijke, vaste paginastructuur, zodat content in stijl blijft en makkelijker te onderhouden is. En beter beheer van beeld en video, vooral voor het Lookbook, waar heel veel media in zit.

Live previews: publiceren zonder twijfel

Met live previews zien redacteuren precies de pagina die ze in DatoCMS bewerken. Bij elke keer opslaan werkt de preview automatisch bij. Zo wordt controleren een vast onderdeel van het werk, in plaats van een losse stap achteraf.

Een eigen tool voor de verhuizing

Om te voorkomen dat alle content met de hand opnieuw moest worden ingevoerd, bouwden we een eigen export- en importtool. Die zette alles over van de oude DatoCMS-omgeving naar de nieuwe, inclusief zo'n 7 GB aan beeld en video. We verhuisden in kleine stappen, lieten de oude site al die tijd online en controleerden alles met de hand, zodat we problemen vroeg zagen.

Resultaat

Van verouderd naar klaar voor de drukte in 4 weken

In 4 weken ging Milkshake Festival van een verouderde Nuxt 2-site naar een Next.js-site die klaar is voor drukte: pagina's laden sneller, er kan minder misgaan en slimme caching voorkomt onnodig dataverkeer op piekmomenten. En het team publiceert nu zonder twijfel, dankzij live previews en een overzichtelijker DatoCMS.