Next.js 15 ra mắt với nhiều cải tiến mạnh mẽ! 🎉 🎉 🎉

Next.js 15 ra mắt với nhiều cải tiến mạnh mẽ! 🎉 🎉 🎉

Những thứ mới mà anh em nên chú ý:

1. Turbopack và cải tiến hiệu năng:
-Next.js 15 tích hợp Turbopack trong lệnh next dev --turbopack, giúp tăng tốc độ khởi động và cập nhật code so với phiên bản 14.

2. React 19:
- Hỗ trợ React 19 với những cập nhật như:
- useFormState được thay thế bởi useActionState.
- useFormStatus thêm các key mới như data, method, và action.

3. Async Request APIs:
- Các API như cookies, headers, draftMode, params, và searchParams chuyển từ đồng bộ sang bất đồng bộ, giúp tối ưu hóa hiệu suất.
- Next.js cung cấp công cụ codemod để hỗ trợ chuyển đổi.

4. Tùy chỉnh fetch requests:
- Mặc định, fetch requests không còn cache.
- Có thể tùy chỉnh bằng cách sử dụng cache: 'force-cache' hoặc thiết lập export const fetchCache = 'default-cache' trong layout.

5. Các thay đổi trong xử lý params và searchParams:
- Bất đồng bộ: Sử dụng await khi truy cập params hoặc searchParams.
- Đồng bộ: Tích hợp hook use từ React để xử lý bất đồng bộ ngay trong các thành phần đồng bộ.

6. Kết luận:
Next.js 15 là một bản nâng cấp OKE Nhưng chưa nên nâng cấp do react 19 còn rc (Release Candidate)
=> Dùng ở side project, pet project vui vẻ ngon lành kèm shadcn UI, chakra UI

🔥🔥🔥 GOOD LUCK
#nextjs15