Next.js-hosting: deploy met Git op een VPS met vaste prijs

Wat is er geïnstalleerd op je Next.js-server?

• Coolify 4.6.0, een opensourcepaneel dat bouwt vanuit je GitHub-repository en het resultaat uitrolt
• Buildtool Railpack, die Next.js herkent; Coolify markeert hem als bèta, en er is ook een Dockerfile-optie
• Docker en de reverse proxy Traefik, die HTTPS-certificaten ophaalt en verlengt
• Een klaarstaand beheerdersaccount, met de welkomstwizard overgeslagen en openbare registratie gesloten
• sslip.io-adressen, zodat alles via HTTPS opent voordat je een domein toevoegt
• 2 GB swap, en een firewall waarin poort 22, 80, 443, 6001, 6002 en 8000 open staan

Welke grootte heb je nodig voor Next.js?

Voor Next.js bestaat geen officieel RAM-getal, en de build bepaalt de vereiste meer dan de draaiende app. In onze tests op een echte server met 4 GB en 2 cores werd een AI-chat-app met ongeveer 85 pakketten in zo'n 3,7 minuten gebouwd, met een piek van 3,5 GB geheugen, wat swap aansprak en 18 GB schijf vulde. Bij 2 GB liep die app tijdens de TypeScript-controle zonder geheugen, al slaagde een klein voorbeeld wel. Begin met 4 GB en kijk naar 8 GB voor projecten met veel pakketten. RAM en CPU kunnen later omhoog of omlaag, terwijl de schijf alleen groeit.

Voor wie is het?

• Iedereen die een Next.js-app oplevert, met de hand geschreven of met AI-codeertools
• Mensen die liever vooraf de maandkosten weten dan een groeiende gebruiksrekening te zien
• Apps met queue workers, WebSockets of AI-antwoorden die lang duren
• Projecten die de database op dezelfde server als de app houden

Wat gebeurt er na je bestelling?

1. Stel de grootte in en rond je betaling af. Je server start op en Coolify installeert zichzelf. Dat duurde in onze tests op een echte server ongeveer 12 minuten.
2. Open in je paneel je server via Mijn servers. Gebruik de rijen Paneeladres, E-mail en Wachtwoord op het tabblad Overzicht om in te loggen bij Coolify.
3. Klik op de pagina Projects op New resource. Kies voor een openbare repository Public Git Repository en vul het adres in.
4. Genereer voor een privérepository een sleutel op de pagina Private Keys, voeg de openbare sleutel toe aan Deploy keys op GitHub en kies Private Git Repository (with Deploy Key).
5. Vul je variabelen in op de pagina Environment Variables en klik op Deploy. Op de pagina Domains staat een HTTPS-testadres, en daar komt ook je eigen domein.
6. Zet het adres en het geheim van de pagina Webhooks van de app in de Webhooks-instellingen van de repository op GitHub. Vanaf dan gaat elke git push live.

Bij elke server

• Dagelijkse back-up inbegrepen in de prijs
• Onbeperkt verkeer
• Volledige rootrechten
• Schaal RAM en CPU later op of af, en laat de schijf groeien
• Locatie: Istanbul · IST-1.

Goed om te weten

• Variabelen die met NEXT_PUBLIC_ beginnen, worden tijdens de build in de browsercode geschreven. Klik op Redeploy als je er een wijzigt, en geef dat voorvoegsel nooit aan model- of betaalsleutels.
• De container wordt bij elke deploy opnieuw opgebouwd, dus een SQLite-bestand dat erin wordt geschreven verdwijnt. Koppel de map ervan met Persistent Storage of maak in het paneel een PostgreSQL-database.
• Coolify verbindt met een eigen sleutel via SSH als root met de server. Schakel je root-login helemaal uit of haal je de coolify-regel uit authorized_keys, dan werken deploys niet meer.
• Zodra het paneel op zijn HTTPS-adres werkt, kun je poort 8000, 6001 en 6002 sluiten. Docker slaat ufw over, dus dit gaat via de Compose-route van Coolify, en het helpartikel heeft de stappen.
• De automatische updates van Coolify staan standaard aan. De pakketten van je app up-to-date houden is jouw taak.
• De server staat op één plek, Istanbul. De latentie loopt op voor verre bezoekers, en je kunt er een contentdeliverynetwerk voor zetten als je dat nodig hebt.