> ## Documentation Index
> Fetch the complete documentation index at: https://sensei.aisbirnusantara.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Cara Deploy Next.js di DirectAdmin
> Panduan lengkap mendeploy aplikasi Next.js menggunakan custom server.js di DirectAdmin
Panduan ini menjelaskan cara mendeploy aplikasi **Next.js** (SSR / Production Build) di web hosting DirectAdmin Aisbir Cloud menggunakan custom runner `server.js`.
***
### 1. Buat File `server.js` di Root Proyek Kamu
Di dalam direktori utama proyek Next.js kamu di komputer lokal, buat file bernama **`server.js`** dan masukkan kode berikut:
```javascript server.js theme={null}
/* 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
Jalankan perintah build di terminal proyek Next.js kamu:
```bash theme={null}
npm run build
```
Setelah proses build selesai, pastikan folder **`.next`** berhasil terbuat.
***
### 3. Kompres File Proyek Menjadi ZIP
Pilih file dan folder berikut untuk dikompres menjadi file `.zip` (misal: `nextjs.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)
**JANGAN sertakan folder `node_modules`!** Dependensi akan diinstall secara bersih di server.
***
### 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 🎉
Aplikasi Next.js kamu sekarang sudah berhasil berjalan di DirectAdmin dan dapat diakses dengan performa optimal!