Lập trình Next.js & React từ cơ bản đến nâng cao
Xây dựng ứng dụng web hiện đại, chuẩn SEO và tối ưu hiệu năng với React 19, Next.js App Router và TypeScript.
Giảng viên Nguyễn Minh KhoaSenior Frontend Engineer
Bạn sẽ học được gì
- Hiểu rõ cơ chế render của React và Next.js App Router
- Phân biệt và sử dụng đúng Server Components, Client Components
- Quản lý dữ liệu, cache và revalidate hiệu quả
- Tối ưu SEO, hình ảnh và chỉ số Core Web Vitals
- Đóng gói và triển khai ứng dụng Next.js với Docker
Mô tả khóa học
Khóa học giúp bạn nắm vững hệ sinh thái React và Next.js thông qua một dự án thực tế: nền tảng thương mại điện tử hoàn chỉnh. Bạn sẽ học cách tổ chức source code theo feature, xử lý dữ liệu phía server, tối ưu hiệu năng và triển khai ứng dụng lên môi trường production.
Yêu cầu đầu vào
- Biết HTML, CSS và JavaScript cơ bản
- Máy tính đã cài đặt Node.js 20 trở lên
Khóa học dành cho ai
- Lập trình viên frontend muốn nâng cấp kỹ năng
- Sinh viên CNTT muốn làm dự án thực tế
- Backend developer muốn mở rộng sang frontend
Nội dung khóa học
4 chương · 14 bài học · 4 giờ 45 phút
Làm quen với React hiện đại4 bài · 1 giờ
- Giới thiệu khóa học và lộ trình họcXem thử bài Giới thiệu khóa học và lộ trình học6 phút
- Cài đặt môi trường phát triểnXem thử bài Cài đặt môi trường phát triển12 phút
- JSX, Component và Props18 phút
- State, Event và Hooks cơ bản24 phút
Next.js App Router4 bài · 1 giờ 12 phút
- Cấu trúc thư mục và routing20 phút
- Layout, Loading và Error UI16 phút
- Server Components và Client Components28 phút
- Quy ước đặt tên trong dự án8 phút
Dữ liệu và hiệu năng3 bài · 1 giờ 6 phút
- Fetch dữ liệu và caching26 phút
- Server Actions và xử lý form22 phút
- Tối ưu hình ảnh, font và SEO18 phút
Dự án thực tế và triển khai3 bài · 1 giờ 27 phút
- Xây dựng trang danh sách sản phẩm35 phút
- Giỏ hàng và thanh toán32 phút
- Đóng gói ứng dụng với Docker20 phút
Giảng viên
Hơn 10 năm kinh nghiệm phát triển web, từng dẫn dắt đội ngũ frontend cho các sản phẩm thương mại điện tử và fintech với hàng triệu người dùng. Đam mê chia sẻ kiến thức lập trình theo cách thực tế, dễ hiểu.
- React
- Next.js
- TypeScript
- Kiến trúc Frontend
Đánh giá từ học viên
4,8
1.284 đánh giá
“Nội dung rất sát thực tế, phần Server Components giải thích dễ hiểu hơn nhiều so với tài liệu chính thức. Dự án cuối khóa giúp mình tự tin đi phỏng vấn.”
Hoàng Đức Thịnh
30/08/2026
“Giảng viên hướng dẫn chi tiết, trả lời câu hỏi nhanh. Mình đã áp dụng được cách tổ chức thư mục vào dự án ở công ty.”
Vũ Thị Mai
12/08/2026
“Khóa học chất lượng, tuy nhiên phần triển khai Docker hơi nhanh với người chưa quen. Mong có thêm video bổ sung.”
Ngô Thanh Tùng
25/07/2026
“Đáng tiền! Học xong mình hiểu rõ cách cache và revalidate dữ liệu, trang web chạy nhanh hơn hẳn.”
Bùi Khánh Linh
18/06/2026
“Mình chuyển từ backend sang fullstack nhờ khóa này. Phần tổ chức source code theo feature giúp dự án của team gọn hơn hẳn.”
Lê Hoàng Nam
18/06/2026
Khóa học liên quan
Các khóa học khác bạn có thể quan tâm.
- Lập trình WebCơ bản
JavaScript căn bản cho người mới bắt đầu
Nguyễn Minh Khoa
Đánh giá4,7(2.890)3 giờ 1 phút10 bài họcMiễn phí -42%
Marketing sốCơ bảnDigital Marketing tổng quan: SEO, Ads và Content
Phạm Ngọc Anh
Đánh giá4,6(1.380)2 giờ 28 phút8 bài học699.000 ₫Giá gốc 1.200.000 ₫-44%
Khoa học dữ liệuCơ bảnPhân tích dữ liệu với Python, Pandas và Matplotlib
Trần Thu Hà
Đánh giá4,7(1.105)3 giờ 15 phút9 bài học999.000 ₫Giá gốc 1.799.000 ₫-40%
Thiết kế UI/UXCơ bảnThiết kế UI/UX chuyên nghiệp với Figma
Lê Quang Huy
Đánh giá4,9(932)2 giờ 40 phút9 bài học899.000 ₫Giá gốc 1.500.000 ₫