Building Next.js for an agentic future

Vercel · 2026 · 4. Điều chỉnh · Độ 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ể quá trình làm sản phẩm (một năm), không có số đo.

Thay đổi chính

• Vấn đề: người dùng bảo agent "sửa lỗi" đang hiện trên trình duyệt, nhưng lỗi runtime, cảnh báo client và component đã render không nằm trong HTML agent đọc được.
• Thử rồi bỏ: đội làm Vector, agent chat chạy trong trình duyệt (chọn phần tử, xem mã nguồn, đề nghị sửa). Theo Vercel nó trùng với agent đa năng (Cursor, Claude Code) dev đã dùng, nên dừng, chỉ giữ hai ý: cho agent thấy trạng thái và kiến thức riêng của framework.
• Thay bằng: chuyển log trình duyệt về terminal, log lời gọi Server Action; MCP (next-devtools-mcp) cho agent tìm dev server đang chạy và đọc lỗi, route, segment đã render; AGENTS.md chứa chỉ mục tài liệu nén cho khái niệm không có trong dữ liệu huấn luyện.
• Nguyên tắc rút ra (theo Vercel): coi agent là người dùng hạng nhất: nó cần thông tin gì, lúc nào, đọc ở đâu. Bước tiếp là bộ eval để đo cái gì thực sự giúp agent.

Bài học cho SWE

• Không xây agent riêng cạnh công cụ người dùng đã có; đưa ngữ cảnh vào chỗ agent của họ đọc (terminal, file, MCP).

Liên quan

• Vercel 2026 · Vercel 2026 · Vercel 2026
• Coding agent trong engineering (migrate, viết lại, chạy song song, quyền hạn)