Cara Deploy Fullstack Next.js & FastAPI di Windows Agar Auto-Restart (NSSM Guide)

halo guys, disini saya ingin sharing cara buat server sederhana dengan windows, yang dimana ini nanti project kita yaitu next.js dan fastAPI akan running secara otomatis diwindows sebagai service. jadi ketika pc mati dan nyala kembali maka program next.js dan fastAPI akan jalan secara otomatis tanpa kita nyalakan manual.

Langkah 1 : Download nssm

untuk yang pertama ini temen” butuh download nssm terlebih dahulu. nssm ini merupakan tools untuk membuat service custom. bisa download di https://nssm.cc/download

Langkah 2 : Clone atau Siapkan project yang akan digunakan

pada langkah kedua ini, silahkan siapkan project yang akan anda gunakan. disini saya menggunakan project Next.js sebagai frontend dan fastAPI sebagai backend. jadi untuk file project ada 2 FE dan BE.

Langkah 3 : Silahkan siapkan dulu project yang membutuhkan build

pada langkah ini, silahkan siapkan project yang membutuhkan build. pada kasus saya ini. project yang membutuhkan build adalah sisi Frontend yang menggunakan next.js dengan cara masuk ke folder project (dicontoh ini Folder FE). dengan ketik prompt berikut di terminal

npm run build

setelah dijalankan, pastikan tidak ada error dan menampilkan seperti gambar berikut.

jika sudah seperti gambar diatas, menunjukkan proses build sudah berhasil dan sudah siap untuk deployment.

Langkah 4 : Extract file nssm

pada langkah ini silahkan ekstrak file nssm yang telah di download tadi bebas dimana saja.

setelah diekstrak, silahkan buka folder tersebut di nssm-2.24\nssm-2.24\win64. dan kemudian copy directorynya. sebagai contoh saya disini copy directory

D:\semester 6\SERVER\nssm-2.24\nssm-2.24\win64

setelah itu silahkan bukan cmd dan run administrator dan masuk ke directory folder yang telah di copy tadi

Langkah 5 : Menambahkan Service Baru

setelah itu, silahkan ketik lagi

nssm install Netra-NextJS

untuk mengaktifkan next js sebagai service (untuk Netra-Next.JS bisa dirubah sesuai keinginan)

nanti akan muncul seperti diatas dan isi setiap field diatas. isi seperti gambar berikut

pastikan untuk startup directory mengarah pada folder project kita. dan klik edit service/install service. dan tunggu nanti akan ada infomrasi bahwa telah di install. setelah terinstall silahkan cek di service dengan cara windows+R dan isi service.msc kemudian enter. dan cari service yang barusan kita buat (Netra-NextJS)

done, akhirnya sudah tersintall dengan baik service yang kita buat tadi.

untuk fastAPI langkahnya sama namun terdapat perbedaan disisi pengisian input seperti

Path : Langsung arahkan ke venv project

Startup directory : arahkan ke folder project fastAPI

Arguments : prompt untuk menjalankan fastAPI di production