Next.js Multi-Zones

Expert guidance on building micro-frontends with Next.js Multi-Zones — separate apps under one domain, routing, assetPrefix, and cross-zone navigation.

@doc-version: 16.2.6

Core Concepts

Multi-Zones แบ่ง large application เป็นหลาย Next.js apps ที่ serve ภายใต้ domain เดียวกัน:

• แต่ละ zone serve set of paths ที่แยกกัน
• Develop + deploy แต่ละ zone อิสระ
• ลด build time + bundle size ต่อ zone
• Zone อื่นใช้ framework อื่นได้

Navigation:

• Soft navigation — ภายใน zone เดียวกัน (ไม่ reload)
• Hard navigation — ข้าม zones (reload page)

Guidelines