MtikcodeMtikcode
Trang chủGiới ThiệuKhóa họcGiá cả
MtikcodeMtikcode

Khóa học

  • Khóa Học Next.js App Router
  • Khóa Học NestJS Nền Tảng & Nâng Cao
  • Dự Án Trang Bán Hàng Fullstack Với Next.js & NestJS

Về chúng tôi

  • Giới thiệu
  • Liên hệ
  • Điều khoản sử dụng
  • Quyền riêng tư

Thông tin liên hệ

Nhận thông tin mới nhất về khóa học và tin tức.

© 2026 Mtikcode. Tất cả quyền được bảo lưu.
Về trang Bundle
Khóa Học Next.js App Router
Trung cấp
Đã hoàn thành

Khóa Học Next.js App Router

Next.js không phải React với vài tính năng thêm vào. Nó là một cách nghĩ khác về việc build web, nơi phần lớn component chạy trên server, dữ liệu được cache ở nhiều tầng, và mỗi route có thể chọn một chiến lược render riêng.

Phần lớn dev học Next.js bằng cách copy từ docs, thấy chạy được là được. Nhưng đụng vào bug production, trang lúc stale lúc không, hydrate warning đỏ console, trang load lâu hơn khi chỉ dùng React.

Khoá này đi từ gốc để bạn không gặp những vấn đề này nữa.

Trong khoá, mình đi qua toàn bộ Next.js App Router theo hướng hiểu bản chất:

  • Routing căn bản, layout lồng nhau, loading, error, not-found, dynamic routes và route groups
  • Các chiến lược rendering, CSR, SSR, SSG, ISR, Streaming, và khi nào nên dùng cái nào
  • Server Components và Client Components, hydration, Server–Client boundary
  • Caching đa tầng, Request Memoization, Data Cache, Full Route Cache, Router Cache
  • Server Actions và Route Handlers, xử lý mutation và build RESTful API
  • Routing nâng cao, Parallel Routes, Intercepting Routes, Templates, After Function
  • Tối ưu SEO và hiệu năng, Metadata, Image, Font, Script, Prefetching, Proxy

Mỗi concept đều có ví dụ code chạy được, không phải lý thuyết suông. Xong khoá, bạn đủ nền để bước vào phần dự án Ecommerce fullstack, nơi tất cả kiến thức này được ghép lại thành hệ thống thật, có auth, payment, search, deployed.

Khoá Next.js nằm trong Web Dev Bundle. Lifetime access, cập nhật miễn phí mỗi khi có nội dung mới.

1.399.000 ₫3.000.000 ₫-53%
  • Trọn gói tất cả khoá học trong gói Web Dev (NextJs, NestJs, Dự Án Ecommerce,...)
  • Tiết kiệm 1.601.000 ₫ so với giá gốc

Khoá học này dành cho ai?

Đã biết JavaScript và React cơ bản

Đã từng dùng React nhưng chưa thật sự hiểu Next.js

Muốn build frontend production-ready, có SSR, SEO, performance đàng hoàng

Muốn hiểu bản chất Next.js hoạt động như thế nào để tự tin control nó, không code theo kiểu đoán mò

Khoá học này không dành cho ai?

✕

Chưa có kiến thức React cơ bản

✕

Chỉ quan tâm front-end đẹp, không quan tâm SEO, hiệu năng

Nội dung khóa học

Bài 1: Tất cả kiến thức JavaScript cần biết trước khi học React
Bài 2: Học HTML DOM Trong 30 Phút
Bài 3: TỰ HỌC TYPESCRIPT TRONG 30 PHÚT
Bài 4: Học React JS Từ Cơ Bản _ Dựng Dự Án Trắc Nghiệm
Bài 0: Hướng dẫn truy cập source code cho khoá Next.js
Bài 1: Trước khi NextJs ra đời
Bài 2: NextJs là gì?
Bài 3: Cài đặt & Mổ xẻ cấu trúc 1 dự án NextJS
Bài 1: Cơ chế vận hành của App Router
Bài 2: Hệ thống Layout & Nested Layout (layout.tsx)
Bài 3: Loading UI (loading.tsx)
Bài 4: Xử lý lỗi với Error Boundary (error.tsx)
Bài 5: Xử lý trang không tồn tại với not-found.tsx
Bài 6: Dynamic Routes & cách truyền tham số động
Bài 7: Route Groups & tổ chức cấu trúc route
Bài 1: Giới hạn SEO của Single Page Application (SPA)
Bài 2: Tổng quan các chiến lược Rendering trong Next.js
Bài 3: Server Components, Client Components & cơ chế Hydration
Bài 4: Server–Client Boundary & những vấn đề thường gặp
Bài 5: Client-Side Rendering (CSR)
Bài 6: Static Rendering vs Dynamic Rendering
Bài 7: SSR & Dynamic APIs
Bài 8: Streaming & Hiển Thị Từng Phần
Bài 9: ISR & Chiến Lược Cập Nhật Nội Dung Tĩnh Theo Chu Kỳ
Bài 10: SSG & Chiến Lược Render Nội Dung Tĩnh Cho Route Động
Bài 1: Các phương pháp truy xuất dữ liệu trong Next.js
Bài 2: Tổng quan về Caching
Bài 3: Request Memoization
Bài 4: Data Cache
Bài 5: Full Route Cache & connection()
Bài 6: Router Cache
Bài 7: cache Component
Bài 1: Route Handlers - Xây dựng hệ thống RESTful API
Bài 2: Server Actions - Xử lý Mutation và Form Actions
Bài 1: Templates
Bài 2: Parallel Routes – Triển khai route song song
Bài 3: Intercepting Routes – Kỹ thuật chặn và điều hướng thông minh
Bài 4: After Function: Xử lý tác vụ hậu kỳ
Bài 1: Metadata & SEO: Chiến lược tối ưu hóa công cụ tìm kiếm.
Bài 2: Những yếu tố SEO khác mà developer cần biết
Bài 3: Navigation & Link Prefetching: Tối ưu hóa trải nghiệm chuyển trang
Bài 4: Xử lý phông chữ (Font)
Bài 5: Tối ưu hình ảnh (Image)
Bài 6: Quản lý Script
Bài 7: Quản lý Form
Bài 8: Làm việc với Proxy