Thư mục .next trong Next.js là gì?
Nguyễn Quang Minh
Thư mục .next trong Next.js là thư mục build output, được tạo ra sau khi bạn chạy lệnh:
next build
hoặc khi chạy next dev để phát triển. Đây là nơi Next.js lưu trữ toàn bộ dữ liệu biên dịch, cache, và các file phục vụ cho việc chạy ứng dụng. Dưới đây là giải thích chi tiết:
📁 .next chứa những gì?
Thành phần | Chức năng |
|---|---|
| Dùng để lưu cache phục vụ quá trình build nhanh hơn (incremental builds). |
| Chứa các file dùng cho server rendering (nếu đang dùng app router hoặc SSR). |
| Với pages router, đây là nơi chứa các file |
| Chứa các static assets được tạo sau build (CSS, JS của client). |
| Danh sách các file JS/CSS tương ứng với từng page. |
| Mapping giữa route và file tương ứng (bao gồm dynamic routes). |
| Thông tin về các middleware trong app. |
| Dành cho |
| Chứa thông tin trace cho việc deploy lên Vercel hoặc serverless. |
🔧 Khi nào cần .next?
Khi chạy
next start, ứng dụng sẽ dùng các file trong.nextđể phục vụ request.Khi deploy lên hosting hoặc server, bạn cần chạy
next build, sau đó dùng thư mục.nextđể chạy bằngnext start.
⚠️ Có nên commit .next vào Git không?
Không!.next là thư mục build tạm thời, nên bạn nên thêm nó vào .gitignore:
.next/
✅ Tóm lại:
.nextlà thư mục chứa build output của Next.js.Dùng để phục vụ SSR, SSG, middleware, static files, routing...
Không nên sửa hoặc commit thủ công.
Bạn có muốn mình minh họa luồng build của Next.js bằng sơ đồ không?
Nguyễn Quang Minh
Passionate developer and writer sharing insights about technology, programming, and digital innovation. Follow for more content about web development and tech trends.