Nextjs Next Config Advanced Headers Redirects Rewrites Experimental

Definisi

next.config.js mengontrol build & runtime Next.js. Tiga fungsi kunci: headers() (set response header global/per-rute, misal security header), redirects() (301/302 permanen), rewrites() (proxy internal tanpa ubah URL). experimental untuk fitur beta (misal staleTimes, serverActions).

Kapan dipakai

Pakai headers untuk CSP/HSTS; redirects untuk SEO url lama; rewrites untuk proxy API ke backend tanpa CORS terlihat. Hindari rewrite berat yang mengganti path publik sembunyi-sembunyi (bingung saat debug).

Cara kerja

headers & redirects

js

/** @type {import('next').NextConfig} */
const config = {
  async headers() {
    return [{ source: