Thuộc hành trình ReactMớiHành trìnhHọc Next.js
Khóa học Next.js tương tác miễn phí, đưa bạn từ component React đến một ứng dụng thật: định tuyến, layout, server component và client component, lấy dữ liệu và server action. Gợi ý AI giúp bạn khi bị kẹt, và bạn nhận chứng nhận miễn phí khi học xong.
47 bài học41 thử thách99 câu hỏi trắc nghiệm
- Phù hợp cho người mới
Trợ giúp lập trình bằng AI
Bài học tương tác thực hành
Bài trắc nghiệm để kiểm tra kiến thức
Giấy chứng nhận hoàn thành miễn phí
Đề cương
Phần này thuộc hành trình React. Đề cương đầy đủ còn nhiều phần khác: nhấn vào bản xem trước bất kỳ bên dưới để xem trên trang hành trình.
- Phần 1Kiến thức cơ bản42 bài học
Phần 2
Kiến thức thiết yếu về Next.js
Bắt đầu phầnBắt đầuChuyển từ component React sang ứng dụng thực tế: định tuyến theo hệ thống tệp, bố cục, component phía máy chủ và phía máy khách, lấy dữ liệu, server action và một dự án Next.js hoàn chỉnh.Vì sao dùng Next.js
4 bài học39Định tuyến và liên kết
6 bài học516Bố cục và siêu dữ liệu
6 bài học515Máy chủ và client
6 bài học515Dữ liệu trên máy chủ
6 bài học516Server Actions
5 bài học413Điều hướng phía máy khách
5 bài học515Dự án: Coddy Eats
9 bài học9
Học qua thực hành
Viết code thật, truy vấn cơ sở dữ liệu, xây dựng trang web và làm chủ prompt AI. Các bài học tương tác bao quát mọi kỹ năng mà lập trình viên hiện đại cần.
Xây dựng streak
Học đều đặn và nhìn tiến độ của bạn lớn dần! Theo dõi thói quen code mỗi ngày, bảo vệ streak bằng ngày đóng băng và nhận phần thưởng khi học mỗi ngày.
12 ngày streak
Quay lại ngày mai để giữ streak!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Gấp đôi hoặc mất hết
Ngày 5/7
Đóng băng streak
2 left
Code ở mọi nơi
Mang hành trình lập trình theo bên mình! Không cài đặt, không tải về: chỉ cần mở ra và bắt đầu code. Có trên iOS, Android và Web với đánh giá 4,9 sao.
Bạn không đơn độc
Thi đấu trên bảng xếp hạng toàn cầu, mời bạn bè để nhận phần thưởng và cùng nhau ăn mừng thành công. Học code cùng bạn bè vui hơn nhiều!
1
2
3
Vùng thăng hạngMọi cách để học
Đọc, nghe, tự kiểm tra, hỏi AI hoặc tra cứu bất cứ điều gì bạn đã học. Mỗi bài học phù hợp với trình độ của bạn.
Biến là một vùng chứa có tên, lưu một giá trị mà bạn có thể dùng lại sau trong chương trình.
Trong Python, bạn tạo biến bằng cách viết tên, dấu bằng, rồi giá trị muốn lưu.
Giá trị có thể thay đổi theo thời gian. Gán lại tên đó chỉ đơn giản là trỏ nó tới một giá trị mới.
Nhận chứng nhận
Nhận chứng nhận cho mỗi khóa học bạn hoàn thành. Thêm vào hồ sơ LinkedIn và CV để cho nhà tuyển dụng thấy kỹ năng lập trình của bạn.
Giấy chứng nhận hoàn thànhPython cơ bản
Thêm vào LinkedInVì sao nên học Next.js với Coddy
- Xây dựng ứng dụng Next.js ngay trên trình duyệt. Không cần cài Node, không cần create-next-app, không phải cấu hình: bài học nào cũng đưa bạn một thư mục app thật với layout, trang và component để chỉnh sửa.
- App Router đúng như cách dùng trong production: thư mục làm route, segment động, layout lồng nhau, server component và client component, lấy dữ liệu, trạng thái đang tải và trạng thái lỗi, và biểu mẫu với server action.
- Gợi ý AI đọc chính code của bạn. Khi một route trả về 404 hay một server component bị lỗi, bạn nhận được gợi ý chỉ đúng vào vấn đề mà không đưa luôn đáp án.
- Chứng nhận miễn phí khi học xong phần này. Next.js là framework React được tuyển dụng nhiều nhất, và là thứ các tin tuyển dụng frontend hiện nay yêu cầu bên cạnh chính React.
Câu hỏi thường gặp về học Next.js
Next.js là gì?
Next.js là framework React để xây dựng ứng dụng web hoàn chỉnh. React cho bạn component; Next.js bổ sung mọi thứ xung quanh: định tuyến theo hệ thống tệp, layout lồng nhau, render phía máy chủ, lấy dữ liệu và server action để xử lý biểu mẫu và thay đổi dữ liệu. Next.js do Vercel xây dựng và duy trì, và là framework React được dùng rộng rãi nhất trong production.
Có cần biết React trước khi học Next.js không?
Có. Next.js được xây dựng trên React, nên bạn cần quen với component, props và state trước. Phần này là phần thứ hai của hành trình React: phần Nền tảng trước đó dạy đúng những kiến thức nền này, nên bạn có thể học liền mạch theo thứ tự.
Khóa học có dạy App Router không?
Có. Phần này được xây dựng quanh App Router hiện đại: thư mục app, thư mục làm route, segment route động, layout lồng nhau và mô hình server component, client component. Đó là kiến trúc mà các dự án Next.js mới dùng mặc định và là điều các tin tuyển dụng hiện nay mong đợi.
Server component và client component khác nhau thế nào?
Server component được render trên máy chủ: chúng có thể lấy dữ liệu trực tiếp và gửi ít JavaScript hơn đến trình duyệt. Client component chạy trên trình duyệt và xử lý tương tác: state, sự kiện, effect. Ứng dụng Next.js kết hợp cả hai, và biết khi nào dùng loại nào là một trong những kỹ năng cốt lõi mà phần này rèn luyện.
Có thể học Next.js online miễn phí không?
Có. Phần Next.js tương tác hoàn toàn miễn phí: đầy đủ bài học, thử thách code thật có phản hồi tức thì và gợi ý AI. Mọi thứ chạy trên trình duyệt, nên bạn không cần cài Node hay tạo khung dự án để bắt đầu.
Học xong khóa Next.js có nhận được chứng nhận không?
Có. Hoàn thành phần này, bạn nhận giấy chứng nhận hoàn thành miễn phí để chia sẻ trên LinkedIn hoặc thêm vào CV, cùng với dự án Next.js hoàn chỉnh mà bạn xây dựng trong các chương cuối.
