NextJS là framework mã nguồn mở được xây dựng trên nền tảng của React, được phát triển bởi Vercel, giúp đơn giản hóa việc xây dựng các ứng dụng web React, đặc biệt là các ứng dụng có yêu cầu cao về hiệu năng và SEO. NextJS còn được gọi là Fullstack Web Framework (Làm được cả Front-End và Back-End)

Khóa học này được thiết kế bởi Hoàng An Unicode nhằm giúp bạn nắm vững cách kết hợp NextJS với TypeScript để phát triển các ứng dụng web mạnh mẽ, tối ưu hóa hiệu năng và dễ bảo trì. Bạn sẽ học từ các khái niệm cơ bản đến nâng cao, với các bài giảng chi tiết và các dự án thực hành từ đơn giản đến phức tạp.

Cuối khóa học bạn sẽ được hướng dẫn xây dựng 1 dự án hoàn chỉnh hoàn toàn bằng Framework NextJS.

Tổng quan dự án Notion Clone trong khóa học

► Video giới thiệu dự án Notion: https://www.youtube.com/watch?v=XHOJP2A8NwU

► Demo dự án: https://notion-demo.unicode.vn/

Bạn nhận được gì tại khóa học?

► Kiến thức TypeScript từ cơ bản đến nâng cao, đủ cho bạn làm việc với các dự án sử dụng TypeScript

► Kiến thức bài bản về NextJS từ cơ bản đến nâng cao

► Biết cách làm việc với Middleware trong NextJS và ứng dụng thực tế

► Ứng dụng Route Handler, Server Actions để giải quyết các bài toán phía Server

► Biết cách Data Fetching ở Client và Server trong NextJS

► Biết cách áp dụng sức mạnh của Cache trong NextJS

► Kỹ thuật làm việc với SWR để ứng dụng Data Fetching

► Kỹ thuật làm việc với Authentication trong NextJS

► Kỹ thuật làm việc với thư viện NextAuth từ cơ bản đến nâng cao

► Thao tác với Database trong NextJS với Prisma ORM

► Kỹ thuật Route nâng cao và đa ngôn ngữ trong NextJS

► Biết cách tối ưu hóa chuyên sâu trong NextJS

► Ứng dụng Redux Toolkit, Redux Tookit Query để quản lý Global State, Data Fetching

► Áp dụng WebSocket, thư viện Socket.io để giải quyết các bài toán Realtime

► Được học Testing và Debug trong NextJS thông qua: Jest, Testing Libary,...

► Xây dựng dự án Notion bài bản từ đầu đến khi hoàn thiện

► Và rất nhiều kiến thức, công nghệ, thư viện phổ biến được chia sẻ trong khóa học

Câu hỏi thường gặp

Khóa học này cần kiến thức nền gì không?

NextJS là Framework của ReactJS nên các bạn cần có kiến thức nền tảng về ReactJS

Tôi không biết về TypeScript có học được không?

Được, trong khóa học bạn sẽ được hướng dẫn về TypeScript từ đầu

Trong quá trình học, tôi có được hỏi giảng viên không?

Được, nếu gặp khó khăn bạn có thể nhắn tin trực tiếp cho giảng viên qua Zalo hoặc trên group được tham gia

Tôi cần cài đặt những phần mềm/công cụ gì để học?

Để học NextJS bạn cần sử dụng phần mềm Visual Studio Code để viết code và cài đặt NodeJS trên máy tính. Bạn có thể sử dụng phần mềm viết code khác nếu phù hợp

Trong bài giảng bạn dùng phần mềm nào để hướng dẫn học viên?

Trong khóa học mình đang sử dụng phần mềm Visual Studio Code để viết code, mình cũng khuyên bạn sử dụng phần mềm này vì nó hỗ trợ rất mạnh cho Front-End

Trong khóa học đang hướng dẫn ở phiên bản NextJS bao nhiêu?

Trong khóa học, mình hướng dẫn trên NextJS 15

Khóa học này còn phù hợp với thời điểm hiện tại không?

Khóa học rất phù hợp với thời điểm hiện tại. Nội dung của khóa học hoàn toàn áp dụng ở phiên bản 16

Khóa học này có được cập nhật trong tương lai không?

Có bạn nhé. Mình sẽ cập nhật những kiến thức mới, tư duy mới trong NextJS phù hợp với nhu cầu tuyển dụng

Học tập linh hoạt

Chỉ cần máy tính kết nối Internet, bạn có thể học bất kỳ nơi nào, bất kỳ lúc nào bạn muốn

Học thử miễn phí

Unicode Academy cho phép học viên học thử số lượng lớn bài giảng miễn phí để học viên trải nghiệm trước khi quyết định

Truy cập tài nguyên

Unicode không giới hạn truy cập tài nguyên trong khóa học, bạn sẽ được sở hữu toàn bộ tài nguyên trong khóa học

Hỗ trợ khóa học

Học viên sẽ được hỗ trợ trực tiếp ở mỗi bài giảng thông qua chức năng "Hỏi đáp", ngoài ra bạn có thể liên hệ qua các kênh khác

Nội dung khóa học

Tất cả các khóa học đều được chia sẻ dựa trên kinh nghiệm thực tế của Unicode Academy và các kiến thức đều chuyên sâu mà bạn khó có thể tìm thấy ở nơi khác

Cập nhật thường xuyên

Các bài giảng trên hệ thống đều được cập nhật liên tục phù hợp với tình hình thực tế của thị trường, học viên được sở hữu miễn phí các bài giảng đó

Nội dung chi tiết

Module 01: Bắt đầu (4 bài giảng)

Module 02: TypeScript cơ bản (19 bài giảng)

Module 03: NextJS cơ bản (16 bài giảng)

Module 04: Middleware trong NextJS (6 bài giảng)

Module 05: Route Handler trong NextJS (6 bài giảng)

Module 06: Data Fetching trong NextJS (17 bài giảng)

Module 07: Caching trong NextJS (12 bài giảng)

Module 08: Data Fetching với SWR (13 bài giảng)

Module 09: Authentication trong NextJS (25 bài giảng)

Module 10: Xác thực trong NextJS bằng thư viện NextAuth (16 bài giảng)

Module 11: Data Fetching trực tiếp từ Database (16 bài giảng)

Module 12: Route nâng cao và đa ngôn ngữ (12 bài giảng)

Module 13: Tối ưu hóa NextJS (12 bài giảng)

Module 14: Ứng dụng Redux Toolkit (7 bài giảng)

Module 15: Làm việc với WebSocket (11 bài giảng)

Module 16: Testing - Debug trong NextJS (17 bài giảng)

Module 17: Tanstack Query (8 bài giảng)

Module 18: Dự án Notion Clone (52 bài giảng)

Lịch sử học tập gần đây

STT	Tên	Email	Bài giảng	Thời gian
1	H* *	hu***@gmail.com	Tách Component và xây dựng Footer	1 ngày trước
2	H* *	hu***@gmail.com	Tách Component và xây dựng Footer	1 ngày trước
3	H* *	hu***@gmail.com	Tách Component và xây dựng Footer	2 ngày trước
4	H* *	hu***@gmail.com	Xây dựng Landing Page - Phần 2	2 ngày trước
5	H* *	hu***@gmail.com	Xây dựng Landing Page - Phần 1	3 ngày trước
6	H* *	hu***@gmail.com	Xây dựng cấu trúc Folder cho dự án	3 ngày trước
7	H* *	hu***@gmail.com	Thiết lập môi trường cần thiết cho dự án	3 ngày trước
8	H* *	hu***@gmail.com	Tổng quan về dự án và công nghệ sử dụng	3 ngày trước
9	H* *	hu***@gmail.com	Tổng quan về dự án và công nghệ sử dụng	3 ngày trước
10	H* *	hu***@gmail.com	Tìm hiểu luồng của Access Token và Refresh Token	3 ngày trước

Giảng viên

Hoàng An Unicode

CEO & Founder Unicode Academy

👉 12+ năm kinh nghiệm trong lĩnh vực lập trình web, mobile

👉 Đào tạo 2000+ học viên trên bao gồm: Online, Offline, Elearning,...

👉 Sở hữu kênh Youtube về lập trình đạt trên 7k subscriber và trên 1.4 triệu lượt xem

👉 Sở hữu kênh Tiktok về lập trình đạt trên 5k subscriber và trên 1 triệu lượt xem

Kinh nghiệm công tác

- Giảng dạy, điều hành, phát triển Unicode Academy

- Từng đảm nhiệm các vị trí: CEO, Techlead, Project Manager, Business Analyst, Sale, Traning Manager...

- Kinh nghiệm giảng dạy các lớp Offline, Online Meeting, Video Elearning,...

- Kinh nghiệm làm việc với các ngôn ngữ lập trình web, mobile

Thông tin liên hệ

- Facebook: https://facebook.com/anunicode

- Zalo: 0384822896

- Youtube: https://youtube.com/@unicodevietnam

- Tiktok: https://tiktok.com/@hoanganunicode

- Website: https://hoangan.unicode.vn

Câu hỏi thường gặp

Khóa học này yêu cầu kiến thức nền tảng gì? Tôi không biết TypeScript có học được không?

Yêu cầu: Khóa học yêu cầu bạn cần có kiến thức nền tảng về ReactJS vì NextJS là một framework được xây dựng trên nền tảng của React
Về TypeScript: Bạn không cần biết trước về TypeScript. Trong khóa học, bạn sẽ được cung cấp và hướng dẫn các kiến thức về TypeScript từ cơ bản đến nâng cao ngay từ đầu để đủ sức làm việc với các dự án thực tế

Khóa học đang hướng dẫn trên phiên bản NextJS bao nhiêu và có bị lỗi thời không?

Giảng viên hướng dẫn trực tiếp trên phiên bản NextJS 15, tuy nhiên nội dung của khóa học hoàn toàn có thể áp dụng tốt cho phiên bản 16 hiện tại
Khóa học sẽ liên tục được cập nhật trong tương lai với những kiến thức và tư duy mới nhất để đảm bảo phù hợp với nhu cầu tuyển dụng thực tế trên thị trường. Học viên được sở hữu miễn phí các bài giảng cập nhật này

Tôi cần chuẩn bị phần mềm hay công cụ gì để tham gia học?

Để học tốt, bạn chỉ cần cài đặt NodeJS trên máy tính và sử dụng phần mềm Visual Studio Code để viết code. Giảng viên cũng khuyên bạn nên sử dụng Visual Studio Code vì phần mềm này hỗ trợ rất mạnh mẽ cho lập trình Front-End và cũng là công cụ chính được dùng trong bài giảng

Sau khóa học tôi sẽ học được những công nghệ gì và có dự án thực tế nào không?

Khóa học cung cấp một lượng kiến thức chuyên sâu rất đồ sộ. Bạn sẽ nắm vững: Data Fetching, quản lý Caching, làm việc với Middleware, Route Handler, Authentication (bằng thư viện NextAuth), thao tác Database thông qua Prisma ORM, quản lý State với Redux Toolkit, xử lý Realtime với WebSocket (Socket.io) và kỹ thuật Testing/Debug (bằng Jest, Testing Library).
Về dự án thực tế: Cuối khóa học, bạn sẽ được hướng dẫn chi tiết để xây dựng một dự án Notion Clone hoàn chỉnh từ đầu đến cuối hoàn toàn bằng framework NextJS

Nếu gặp khó khăn trong lúc thực hành, tôi có được hỗ trợ không?

Bạn sẽ được hỗ trợ trực tiếp 1-1. Ở mỗi bài giảng đều có chức năng "Hỏi đáp", ngoài ra bạn hoàn toàn có thể nhắn tin trực tiếp cho giảng viên (Hoàng An Unicode) qua Zalo hoặc thảo luận trong nhóm kín mà bạn được tham gia

Thời gian học như thế nào và tôi có được học thử trước khi mua không?

Khóa học cho phép bạn học tập linh hoạt mọi lúc, mọi nơi chỉ cần có kết nối Internet và bạn sẽ được quyền truy cập toàn bộ tài nguyên khóa học với thời hạn vĩnh viễn
Unicode Academy có hỗ trợ tính năng học thử số lượng lớn bài giảng hoàn toàn miễn phí để bạn có thể tự mình trải nghiệm chất lượng trước khi đưa ra quyết định

Bài viết mới nhất

Kỹ thuật Xây dựng Dynamic Open Graph Image Generation Engine bằng Satori và Edge Runtime trong Next.js App Router

11/09/2026

Đặt vấn đề: Tại sao giải pháp sinh ảnh Open Graph truyền thống đã lỗi thời? Trong kỷ nguyên tối ưu hóa công cụ tìm ki...

Đọc thêm →

Xây dựng kiến trúc micro‑frontend với Next.js và Module Federation: Thực tiễn, thách thức và giải pháp

08/08/2026

Giới thiệu Trong những năm gần đây, kiến trúc micro‑frontend đã trở thành một xu hướng mạnh mẽ giúp các đội phát triể...

Đọc thêm →

Tối ưu Server Side Rendering (SSR) trong Next.js 15 với TypeScript

18/07/2026

Giới thiệu Next.js là một framework mạnh mẽ cho phép xây dựng các trang web React có khả năng render phía server (SSR) v...

Đọc thêm →

Phân Tích Chi Tiết Cấu Trúc Folder Dự Án Next.js App Router

15/07/2026

Kể từ khi Next.js 13 giới thiệu App Router và chính thức trở thành mặc định từ Next.js 13.4 trở đi, cách tổ chức thư mục...

Đọc thêm →

Tối ưu Server‑Side Rendering và Incremental Static Regeneration trong NextJS 15 với TypeScript

03/07/2026

Giới thiệu NextJS 15 mang lại khả năng SSR và ISR mạnh mẽ. Kết hợp TypeScript giúp giảm lỗi runtime, tăng tính bảo trì....

Đọc thêm →

Tối ưu ISR và Cache trong NextJS 15 để cải thiện hiệu năng và SEO

29/06/2026

Giới thiệu ISR và Cache trong NextJS Incremental Static Regeneration (ISR) cho phép tạo trang tĩnh sau khi triển khai và...

Đọc thêm →

Cảm nhận học viên

4.8

5 đánh giá

Ngô Văn Hùng

11 tháng trước

Đầu tư đúng đắn cho sự nghiệp

Tham gia khóa học này là một quyết định đúng đắn. Tôi đã nâng cao được kỹ năng chuyên môn rất nhiều. Nội dung được thiết kế bài bản, khoa học. Rất cảm ơn!

Lý Thị Lan

11 tháng trước

Nội dung phong phú, đáng học

Khóa học có nội dung rất phong phú và đa dạng. Tôi đã nắm được những kiến thức quan trọng và có thể áp dụng vào thực tế. Giá cả hợp lý so với chất lượng. Recommend!

Lê Hoàng Cường

11 tháng trước

Tuyệt vời, học lại nhiều lần vẫn hay

Tôi đã xem lại khóa học này nhiều lần và mỗi lần đều học được điều mới. Nội dung sâu sắc, có chiều sâu. Giảng viên giỏi, nhiệt tình. Đây là khóa học đáng giá nhất tôi từng học.

Võ Văn Minh

11 tháng trước

Khóa học rất chất lượng và bổ ích

Tôi đã học được rất nhiều kiến thức từ khóa học này. Giảng viên giảng dạy rất nhiệt tình và dễ hiểu. Nội dung được cập nhật mới nhất. Rất đáng để đầu tư học tập.

Vũ Thị Phương

11 tháng trước

Xuất sắc! Vượt mong đợi

Khóa học này thực sự vượt xa mong đợi của tôi. Cách trình bày logic, dễ hiểu, có nhiều ví dụ thực tế. Tôi đã áp dụng được ngay vào công việc. Cảm ơn giảng viên rất nhiều!