Skip to main content

Deployment Next JS

Build Proyek​

npm run build

Cek / Aktifkan Standalone​

atur file nextConfig :

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'standalone',

  typescript: {
    ignoreBuildErrors: true,
  },

  images: {
    unoptimized: true,
  },
}

export default nextConfig

Case Kalau Gambar Tidak Muncul​

Unoptimize images jadi true di nextConfig

const nextConfig = {
  output: 'standalone',
  images: {
    unoptimized: true,
  },
}

Zip Proyek​

zip -r deploy.zip .next public package.json

Kalau ada database, seperti prisma, sql lite, direkotori mysql:

zip -r deploy.zip .next public prisma .env package.json

Upload deploy.zip → extract di cPanel → lalu:

Startup file:

public/_next/standalone/server.js

Pindahkan direktori next ke public

Rename folder .next jadi _next, move ke public/

Restart service nodejs

Restart, lalu cek websitenya