🐒 Ming's Note

← Back to Concepts

Next.js Proxy Pitfall

Next.js SPAs 唔适合經 Flask proxy — 每個 JS chunk 都要過一層 proxy,加埋 latency 就爆炸。

Symptoms

Root Cause

Next.js 係 SPA,會 load 幾十個 JS chunks(/_next/static/chunks/)。每個 chunk 都要: 1. Flask proxy 收到 request 2. 轉發到 origin server 3. 等待 response 4. 回傳給 client

一個 page 可能有 20+ chunks,每個加 0.5-1s latency = 10-20s+ total。

Solution

直接用 port access,唔好 proxy。或者用 reverse proxy(nginx/Caddy)而唔係 application-level proxy。

Case Study

Open Design (Next.js 16) 經 Flask proxy: 60s+ load time Direct port 7457: 0.17s load time

Related