Thư mục .next trong Next.js là gì?
Published on May 06, 2025
nextjs
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?
Related Articles
How to Improve Your Blog Design
Learn tips and tricks to enhance your blog's appearance and usability.
Top Blogging Tools in 2024
Discover the best tools to elevate your blogging experience.
Writing Content that Converts
Learn the art of creating engaging and effective blog content.