Incrementally Adopting Next.js

Vercel · 2020 · 2. Tăng trưởng · Độ khó: Dễ — bài gốc

Vercel vừa làm framework Next.js vừa bán nền tảng chạy nó; nhận định về sản phẩm của họ trong trang này đều là "theo Vercel". Bài kèm chào hàng nền tảng Vercel; giữ phần ba cách chuyển dần.

Bối cảnh

• Codebase frontend nhiều năm tuổi mà viết lại hết tốn nhiều năm. Bài đề xuất đưa Next.js vào từng phần.

Thay đổi chính

Ba cách, đều có một lớp định tuyến đứng trước hai app:

• Subpath: proxy chuyển mọi thứ dưới /store sang app Next.js mới; basePath (từ 9.5) làm asset và link khớp đường dẫn đó.
• Rewrites: app Next.js đứng ở gốc domain, trang đã có thì tự phục vụ, route khác rewrites về app cũ (cần một rewrite no-op đứng đầu để kiểm trang trước khi proxy).
• Micro-frontend + monorepo + subdomain: mỗi phần một project deploy riêng, mỗi thay đổi một preview.

Bài học cho SWE

• Kiểu strangler: route nào xong trỏ sang app mới, chưa xong giữ app cũ; chia ranh giới theo URL để deploy và rollback riêng.

Liên quan

• Allegro 2026 · Vercel 2022
• Kiến trúc frontend · Migration không downtime