Next.js: Framework phát triển web hiện đại

1. 1Viết endpoint API (Express, Django, bất kỳ cái gì)
2. 2Gọi API từ useEffect
3. 3Quản lý loading state, error state
4. 4Cache dữ liệu (hoặc gặp tình trạng refetch vô tận)

Với Server Components, bạn chỉ cần viết:

javascript export default async function Dashboard() { const data = await fetchDataFromDB(); return <div>{data.name}</div>; }

Đó là tất cả. Không client-side state, không loading spinner, không lỗi hydration kỳ lạ.

Insight mà tôi hiếm thấy ai nhắc tới: Server Components giải phóng bạn khỏi cái "callback hell" mới, đó là state management. Redux, Zustand, Jotai... tất cả đều chỉ là vôi để bịt những lỗ hổng trong kiến trúc. Với Next.js App Router, bạn không cần chúng.

Performance không phải lựa chọn, là default

Khi Lighthouse mà Google dùng để đánh giá trang web bắt đầu ảnh hưởng tới SEO ranking vào 2021, hàng triệu trang web bỗng dưng trở nên "chậm". Nhưng với Next.js, tối ưu hóa performance là điều built-in từ lúc bạn khởi tạo project.

• Image Optimization: Thay vì một file JPG 5MB, Next.js tự động chuyển thành WebP, tạo các phiên bản khác nhau cho các kích thước khác nhau. Tôi từng thấy một site giảm load time từ 4.2s xuống 0.8s chỉ bằng việc thay thế <img> bằng <Image> component.

• Automatic Code Splitting: Mỗi route được split thành chunk riêng. Người dùng ở trang home chỉ tải JavaScript cho trang home, không tải toàn bộ admin panel.

• Static Generation + ISR (Incremental Static Regeneration): Bạn có thể pre-render hàng ngàn trang tĩnh ở build time, sau đó update lại chúng ở runtime mà không cần rebuild. Đây là cách Vercel xử lý các trang static có dữ liệu động.

Serverless deployment: Không cần sysadmin

Đây là phần mà nhiều dev không fully appreciate. Năm 2010, để chạy một web app, bạn cần thuê server, cài OS, cài Node, cài dependencies, setup security... Mệt.

Với Next.js + Vercel (hoặc Netlify, AWS Amplify), bạn chỉ cần git push. Deployment xảy ra tự động. Scaling cũng tự động. HTTPS certificate cũng tự động. Bạn không bao giờ phải lo lắng về "server bị down" hay "storage sắp full".

Đối với những startup ở Việt Nam (Tiki, Shopee, Grab lúc ban đầu), điều này là một loại superpower khi cạnh tranh với các công ty lớn có toàn bộ DevOps team.

Điểm yếu mà ít ai thừa nhận

Next.js không phải bạc đẩu cConverterall. Nó rất tốt ở việc build content websites, e-commerce, SaaS dashboards. Nhưng nếu bạn đang làm:

• Real-time application (game, live collaboration tools): Cần thêm WebSocket layer, complexity tăng vọt.
• Heavy computation (machine learning inference): Edge runtime của Next.js không đủ, cần separate service.
• Monolithic API cho 50+ routes: Có lẽ tách thành microservices sẽ tốt hơn.

Ngoài ra, learning curve của Next.js 13+ (với App Router, Server/Client Components, RSC) là khá陡峭. Nếu team bạn vẫn dùng Pages Router cũ, migration sẽ là một cuộc phiêu lưu.

Kết luận (hoặc là khởi đầu)

Next.js không "giải quyết" lập trình web—nó chỉ loại bỏ những công việc lặp đi lặp lại để bạn có thể tập trung vào logic thực sự. Không nhiều framework có thể nói được điều đó.

Ở Idflow Technology, chúng tôi luôn lựa chọn công nghệ dựa trên bài toán, không phải hype—và Next.js thường là câu trả lời đúng.