Cara Deploy Next.js di DirectAdmin

​

1. Buat File server.js di Root Proyek Kamu

/* eslint-disable @typescript-eslint/no-require-imports */
const { createServer } = require("http");
const next = require("next");
const { parse } = require("url");

const port = process.env.PORT || 3000;
const dev = process.env.NODE_ENV !== "production";
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
    createServer((req, res) => {
        const parsedUrl = parse(req.url, true);
        handle(req, res, parsedUrl);
    }).listen(port, (err) => {
        if (err) throw err;
        console.log(`Serve At http://localhost:${port}`);
    });
});

​

2. Build Proyek Next.js di Komputer Lokal

npm run build

​

3. Kompres File Proyek Menjadi ZIP

• Folder .next
• Folder public (jika ada aset gambar/font)
• File server.js
• File package.json & package-lock.json
• File .env (jika ada variabel environment)

​

4. Upload dan Ekstrak di File Manager DirectAdmin

1. Masuk ke panel DirectAdmin dan buka File Manager.
2. Masuk ke folder domains -> [domainkamu] -> public_html.
3. Upload file nextjs.zip ke dalam folder public_html.
4. Klik kanan file .zip tersebut dan pilih Extract untuk mengekstrak seluruh file ke dalam public_html.

​

5. Setup Node.js App di DirectAdmin

1. Buka menu Setup Node.js App di panel DirectAdmin.
2. Klik tombol Create Application:
   • Node.js Version: Pilih versi Node.js yang sesuai (contoh: Node 18 atau Node 20).
   • Application Mode: Pilih Production.
   • Application Root: Masukkan path folder website kamu (contoh: domains/domainkamu.com/public_html).
   • Application URL: Pilih domain kamu.
   • Application Startup File: Masukkan server.js.
3. Klik Create.
4. Klik tombol Run NPM Install pada halaman konfigurasi Node.js App untuk menginstall seluruh paket dependensi.
5. Klik Restart / Start Application.

​

Selesai 🎉