Next.js is een populair React-framework voor het bouwen van snelle, SEO-vriendelijke webapplicaties. Op Plesk met Node.js-ondersteuning kun je zo’n app zonder complexe infrastructuur hosten: je configureert een Node.js-applicatie, deployt je code via Git of upload, en profiteert van server-side rendering, statische generatie en caching. In dit artikel lees je wat je nodig hebt en welke stappen je concreet moet zetten.
Wat heb je nodig
Voordat je een Next.js app op Plesk zet, zorg je voor een paar basisvoorwaarden. Een hostingomgeving met Node.js-ondersteuning is de belangrijkste: Next.js draait op Node.js en heeft een build-stap (npm run build) nodig voordat de app in productie kan draaien. Daarnaast heb je toegang tot een Git-repository (handig voor automatische deployments), een package manager zoals npm of yarn, en inzicht in environment variables voor instellingen die per omgeving verschillen, zoals API-sleutels of database-verbindingen.
Een moderne serveromgeving met snelle opslag maakt het bouwproces merkbaar sneller, vooral bij grotere applicaties met veel afhankelijkheden. Via het webhosting-platform van Tandata draait dit op LiteSpeed-servers met NVMe-opslag, wat builds en herstarts versnelt.
Node.js configureren in Plesk
Plesk biedt een aparte Node.js-module waarmee je een applicatie koppelt aan een domein of submap. Je stelt daar de Node.js-versie in, het document root (de map waar je app-bestanden staan), het startup-bestand en de environment variables.
Applicatie aanmaken
Ga in Plesk naar ‘Websites & Domeinen’ en kies de Node.js-sectie. Maak een nieuwe applicatie aan en koppel deze aan het juiste domein of submap.
Versie en document root instellen
Kies een recente Node.js-versie en wijs het document root aan naar de map met je Next.js-bestanden, bijvoorbeeld de hoofdmap van je repository.
Startup file bepalen
Gebruik een startscript dat ‘next start’ uitvoert, of een server.js-bestand als je een custom server gebruikt.
Environment variables toevoegen
Zet in Plesk minimaal NODE_ENV op production en voeg overige variabelen toe die je app nodig heeft, zoals API-sleutels.
Je app deployen
Er zijn verschillende manieren om je Next.js-code naar Plesk te krijgen. Git-deployment is de meest praktische optie: je koppelt een repository aan Plesk, waarna nieuwe commits automatisch kunnen worden opgehaald en opnieuw gebouwd. Alternatieven zijn handmatig uploaden via de bestandsbeheerder of via SFTP, maar die methoden missen versiebeheer en automatisering.
Build je de applicatie altijd eerst lokaal of laat Plesk dit via een build-hook doen, zodat de productieversie (npm run build) daadwerkelijk wordt uitgevoerd voordat de app herstart. Next.js kan zowel volledig statisch (als geëxporteerde site) als dynamisch met server-side rendering draaien; de keuze bepaalt hoe de applicatie in Plesk wordt opgestart.
Gebruik je naast je webapplicatie ook een eigen domein en zakelijke mailboxen, dan regel je dat eenvoudig via domeinnamen en zakelijke e-mail binnen hetzelfde Plesk-paneel.
Performance en beheer
Na een succesvolle deployment is het beheer van de applicatie minstens zo belangrijk. Zorg dat statische bestanden (afbeeldingen, CSS, JavaScript) goed gecachet worden, zodat herhaalbezoekers sneller een pagina zien. Server-side gerenderde pagina’s profiteren van een snelle server met voldoende geheugen, terwijl statisch gegenereerde pagina’s het meest baat hebben bij caching op serverniveau.
Houd ook rekening met SSL: een geldig certificaat is noodzakelijk voor moderne webapplicaties en kan in Plesk automatisch worden toegepast en vernieuwd. Maak daarnaast gebruik van automatische back-ups, zodat je bij een mislukte deployment snel kunt terugvallen op een werkende versie. Loop je tegen een probleem aan tijdens het deployen, raadpleeg dan de kennisbank of neem contact op met support.
Veelgestelde vragen
Kan ik elke Next.js-functie gebruiken op Plesk?
Ja, zolang Node.js wordt ondersteund kun je zowel server-side rendering, statische generatie als incremental static regeneration gebruiken. Houd wel rekening met geheugengebruik bij zware builds.
Moet ik mijn app lokaal builden voordat ik deploy?
Het is aan te raden om de build eerst lokaal te testen, zodat je zeker weet dat er geen fouten optreden. Plesk kan het build-commando daarna automatisch uitvoeren bij een nieuwe deployment.
Werkt Git-deployment ook bij een bestaande website?
Ja, je koppelt een repository aan een (sub)domein en Plesk haalt bij elke update de nieuwste versie op, zonder dat je handmatig bestanden hoeft te uploaden.
Wat gebeurt er als mijn applicatie crasht?
Plesk kan de Node.js-applicatie automatisch herstarten. Voor extra zekerheid is het verstandig om logs te controleren en dagelijkse back-ups te gebruiken als vangnet.
Kan ik overstappen vanaf een andere provider?
Ja, dat kan meestal zonder downtime als je de DNS en bestanden zorgvuldig migreert. Bekijk de pagina over overstappen naar Tandata voor de te volgen stappen.
Conclusie
Next.js hosten op Plesk is goed te doen zodra Node.js correct is geconfigureerd: kies de juiste versie, stel je startup file en environment variables in, en gebruik Git voor een herhaalbare deployment. Met aandacht voor caching, SSL en back-ups houd je de applicatie snel en betrouwbaar.