Pilihan penempatan dan keluaran build apa yang disokong Next.js?

Question

Accepted Answer

Next.js menyokong beberapa target penempatan, dikendalikan sebagian oleh konfigurasi **`output`**. Pilihan yang tepat bergantung pada apakah Anda memerlukan server Node, kontainer, atau hosting statis murni.

## Mode keluaran build

```js
// next.config.js
module.exports = {
  // output: undefined  → default: needs a Node.js server (full features)
  // output: "standalone" → self-contained folder for Docker/containers
  // output: "export"     → pure static HTML/CSS/JS (no server)
};
```

## 1. Default (server Node) — fitur lengkap

Menjalankan server Node.js, jadi Anda mendapatkan **semuanya**: SSR, ISR, Server Actions, Route Handlers, optimisasi gambar, middleware. Ini adalah apa yang digunakan oleh platform seperti **Vercel** (pembuat Next.js, zero-config) dan host Node.

## 2. output: "standalone" — untuk Docker / self-hosting

```dockerfile
# Next traces only the needed files into .next/standalone → a tiny, self-contained server
COPY --from=builder /app/.next/standalone ./
CMD ["node", "server.js"]
```

`standalone` menghasilkan folder minimal dengan hanya dependensi yang benar-benar digunakan, ideal untuk citra Docker kecil di AWS, GCP, server Anda sendiri, dll. Anda mempertahankan semua fitur server.

## 3. output: "export" — sepenuhnya statis

```text
next build → out/  (plain HTML/CSS/JS, deployable to any static host: S3, GitHub Pages, Netlify CDN)
```

Ekspor statis memberikan hosting paling murah dan paling sederhana tetapi **menonaktifkan fitur server**: tidak ada SSR, tidak ada ISR, tidak ada Route Handlers, tidak ada Server Actions, tidak ada optimisasi gambar on-the-fly. Hanya cocok untuk situs yang sepenuhnya statis.

## Memilih

```text
Need SSR/ISR/Server Actions, want zero-config → Vercel (or a Node host) — default output
Want containers / self-host with full features → output: "standalone" + Docker
Purely static content (docs, marketing)        → output: "export" → any static CDN
```

## Pertimbangan lainnya

```text
- Runtime choice (Edge vs Node) affects where functions run
- Self-hosting ISR/caching needs persistent storage or a shared cache
- Image optimization on non-Vercel hosts may need a custom loader
```

## Mengapa itu penting

Penempatan bukan satu ukuran untuk semua: mode `output` menentukan fitur Next.js mana yang bertahan.

Mengetahui bahwa keluaran **default/Node** mempertahankan semua kemampuan server, **standalone** mengemas semuanya untuk Docker/self-hosting, dan **export** menukar semua fitur server untuk hosting statis murni memungkinkan Anda mencocokkan build dengan infrastruktur Anda — dan menghindari jebakan `output: "export"` yang diam-diam memecahkan SSR/ISR/Server Actions.