Next.js merupakan salah satu framework React yang populer digunakan untuk membangun aplikasi web modern.
Bagi kamu yang menggunakan VPS Hosting dengan panel kontrol Webuzo, deploy aplikasi Next.js dapat dilakukan dengan mudah melalui panel tanpa perlu konfigurasi server yang rumit.
Pada tutorial ini, kamu akan mempelajari langkah-langkah deploy Next.js di Webuzo secara lengkap, mulai dari persiapan hingga aplikasi siap diakses secara online.
STEP 1 : Masuk kedalam panel admin webuzo layanan VPS Hosting milik kamu
namadomain.com:2005
STEP 2 : Cari menu Apps > Install an App
STEP 3 : Kemudian cari app NodeJS untuk installasinya, untuk versi bisa disesuaikan dengan versi NextJS kamu ya sob
Lakukan installasi dan tunggu hingga prosesnya selesai
STEP 4 : Selanjutnya Login kedalam user webuzo milik kamu
STEP 5 : Kemudian masuk ke File Manager
STEP 6 : Buat folder dengan nama yang diinginkan 
STEP 7 : Setelah membuat folder, upload file NextJS kamu
STEP 8 : Setelah file ter-upload, lakukan extract file dan pindahkan file agar berada di folder /tutorial
STEP 9 : Selanjutnya melakukan konfigurasi NextJS App
Untuk konfigurasi dilakukan pada menu Add Application
STEP 10 : Lengkapi sesuai dengan konfigurasi NextJS kamu ya
Note :
Port 30000 — nomor port yang dipakai aplikasi buat “mendengarkan” koneksi, nanti di-proxy ke domain lewat port 80/443.
Application Name tutorialjagoan — nama identifikasi aplikasi kamu di panel (bebas, cuma buat label).
Deployment Domain jagoanbelajar.my.id — domain utama yang dipakai buat akses aplikasi ini.
Base Application URL jagoanbelajar.my.id/ — alamat lengkap (domain + subpath, kalau ada) yang bakal dipakai user buat buka aplikasi.
Application Path /home/jagoanb6/tutorial — lokasi folder project di server, tempat source code aplikasi kamu disimpan.
Application type Node.js 20 — jenis/environment aplikasi, sekaligus nentuin versi Node.js yang dipakai buat jalanin app ini.
Application startup file package.json — file referensi yang berisi info scripts aplikasi (termasuk command start, build, dll).
Deployment Environment Development — mode environment aplikasi (Development vs Production), biasanya berpengaruh ke optimasi & logging.
Start Command /bin/npm start — command yang dijalanin panel buat menyalakan aplikasi.
Stop Command pkill -f \ — command buat mematikan proses aplikasi (kelihatannya field ini belum lengkap ketulisannya).
Environment Variables — tempat nambahin variabel rahasia/config (API key, database URL, dll) yang dibaca aplikasi tanpa perlu ditulis langsung di kode.
STEP 11 : (Disesuaikan dengan konfigurasi NextJS kamu) Tambahkan port 3000
Jika di konfigurasi kami, penambahan port dilakukan di file package.json
STEP 12 : Selanjutnya, masuk ke Terminal
STEP 13 : Kemudian jalankan Command yang ditandai berikut pada folder Nextjs kamu ya
STEP 14 : Jika sudah berhasil, maka kembali ke List Application dan lakukan Start
STEP 15 : JIka berhasil, maka aplikasimu akan run yang ditandai dengan status berikut
STEP 16 : Migrasi selesai. Jangan lupa sesuaikan A record domain agar mengarah ke VPS Hosting kamu
Jika sudah disesuaikan, coba akses websitenya
Itulah langkah-langkah deploy Next.js di Webuzo pada layanan VPS Hosting. Dengan mengikuti tutorial di atas, kamu kini dapat menjalankan aplikasi Next.js secara online tanpa perlu konfigurasi server yang rumit secara manual.
Jika mengalami kendala saat proses deploy, jangan ragu untuk menghubungi tim support kami yang siap membantu 24/7. Selamat mencoba! 🙌