Cara Deploy Next.js di Pterodactyl

​

1. Sesuaikan Script start di package.json atau Gunakan server.js

{
  "name": "my-nextjs-app",
  "version": "1.0.0",
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start -p ${SERVER_PORT:-3000} -H 0.0.0.0"
  },
  "dependencies": {
    "next": "^14.2.0",
    "react": "^18.3.0",
    "react-dom": "^18.3.0"
  }
}

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

const port = process.env.SERVER_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, "0.0.0.0", (err) => {
        if (err) throw err;
        console.log(`Server Next.js aktif di http://0.0.0.0:${port}`);
    });
});

​

2. Build Proyek di Komputer Lokal

npm run build

​

3. Kompres File Menjadi ZIP

• Folder .next
• Folder public (jika ada)
• File package.json & package-lock.json
• File server.js (jika menggunakan custom server)
• File .env (jika ada)

​

4. Upload dan Ekstrak di File Manager Pterodactyl

1. Masuk ke panel server Pterodactyl kamu, buka menu Files.
2. Upload file .zip proyek kamu.
3. Klik ikon titik tiga (⋮) pada file .zip lalu pilih Unarchive untuk mengekstrak seluruh file ke /home/container.

​

5. Konfigurasi Tab Startup & Nyalakan Server

1. Buka tab Startup pada panel server kamu:
   • Main File / Startup File: Pastikan nilainya server.js (jika menggunakan custom server) atau index.js.
   • Node Version: Pilih versi Node.js yang sesuai (contoh: Node 18, Node 20, atau Node 22).
2. Buka tab Console, lalu klik tombol hijau Start.
3. Server Pterodactyl akan menginstall dependensi otomatis dan menyalakan aplikasi Next.js kamu!

​

Menghubungkan Domain ke Next.js