Next.js Production Optimization Masterclass

Next.js Production Optimization Masterclass
Course preview

Khóa học chuyên sâu về tối ưu hóa ứng dụng Next.js cho môi trường sản xuất. Bạn sẽ học cách giảm kích thước bundle, sử dụng bộ nhớ cache hợp lý, tối ưu serverless và edge functions, cũng như cấu hình CI/CD để deploy nhanh chóng. Dành cho những dev muốn đưa ứng dụng Next.js lên mức performant cao nhất.

Course description

Khóa học chuyên sâu về tối ưu hóa ứng dụng Next.js cho môi trường sản xuất. Bạn sẽ học cách giảm kích thước bundle, sử dụng bộ nhớ cache hợp lý, tối ưu serverless và edge functions, cũng như cấu hình CI/CD để deploy nhanh chóng. Dành cho những dev muốn đưa ứng dụng Next.js lên mức performant cao nhất.

What you will learn
  • Hiểu pipeline build của Next.js và cách giảm bundle size.
  • Sử dụng Image, Script và Font optimization.
  • Cache dữ liệu hiệu quả với ISR/SSR và SWR.
  • Sử dụng edge functions và middleware.
  • Tối ưu hóa runtime trên Vercel và Node server.
  • Ứng dụng phân tích performance (Lighthouse, WebPageTest).
  • Thiết lập CI/CD để deploy tự động.
Course content

6 chapter 42 lesson 0 minutes

Hiểu cách Next.js hoạt động và quy trình build.


  • Kiến trúc Next.js cơ bản

    Học về kiến trúc next.js cơ bản

  • Build process và bundle analysis

    Học về build process và bundle analysis

  • Server-side vs Static generation

    Học về server-side vs static generation

  • Tối ưu pages và components

    Học về tối ưu pages và components

  • Optimizing CSS và assets

    Học về optimizing css và assets

  • Public APIs và environment variables

    Học về public apis và environment variables

  • Bài tập: phân tích bundle app

    Học về bài tập: phân tích bundle app

Cách sử dụng tính năng tích hợp của Next.js.


  • next/image và lazy loading

    Học về next/image và lazy loading

  • Script strategy và defer

    Học về script strategy và defer

  • Optimizing fonts with next/font

    Học về optimizing fonts with next/font

  • Preloading và prefetching

    Học về preloading và prefetching

  • Phân loại assets tĩnh

    Học về phân loại assets tĩnh

  • CDN configuration

    Học về cdn configuration

  • Bài tập: tối ưu media-heavy page

    Học về bài tập: tối ưu media-heavy page

Quản lý bộ nhớ cache dữ liệu và page.


  • Incremental Static Regeneration (ISR)

    Học về incremental static regeneration (isr)

  • Cache-control headers

    Học về cache-control headers

  • Stale-while-revalidate strategies

    Học về stale-while-revalidate strategies

  • SWR integration

    Học về swr integration

  • On-demand revalidation

    Học về on-demand revalidation

  • Server-side caching with Redis

    Học về server-side caching with redis

  • Bài tập: xây blog với ISR & cache

    Học về bài tập: xây blog với isr & cache

Khám phá edge runtime và middleware.


  • Edge vs Server runtime

    Học về edge vs server runtime

  • Writing middleware in Next.js

    Học về writing middleware in next.js

  • Geolocation và auth ở edge

    Học về geolocation và auth ở edge

  • Optimizing middleware performance

    Học về optimizing middleware performance

  • Using edge caching

    Học về using edge caching

  • Testing edge functions locally

    Học về testing edge functions locally

  • Bài tập: personalization via middleware

    Học về bài tập: personalization via middleware

Đưa ứng dụng lên production và theo dõi.


  • Deploy to Vercel step-by-step

    Học về deploy to vercel step-by-step

  • Custom server deployment

    Học về custom server deployment

  • Monitoring with Vercel Analytics

    Học về monitoring with vercel analytics

  • Error tracking and performance logs

    Học về error tracking and performance logs

  • Rollbacks and incremental updates

    Học về rollbacks and incremental updates

  • Optimizing cold starts

    Học về optimizing cold starts

  • Bài tập: deploy advanced app

    Học về bài tập: deploy advanced app

Tự động hóa build và deploy.


  • GitHub Actions basics

    Học về github actions basics

  • Dockerizing Next.js app

    Học về dockerizing next.js app

  • Setting up workflows

    Học về setting up workflows

  • Testing on pull requests

    Học về testing on pull requests

  • Automated deployments to Vercel

    Học về automated deployments to vercel

  • Rollback strategies

    Học về rollback strategies

  • Final project: full pipeline setup

    Học về final project: full pipeline setup

Next.js Production Optimization Masterclass
Course preview

Khóa học chuyên sâu về tối ưu hóa ứng dụng Next.js cho môi trường sản xuất. Bạn sẽ học cách giảm kích thước bundle, sử dụng bộ nhớ cache hợp lý, tối ưu serverless và edge functions, cũng như cấu hình CI/CD để deploy nhanh chóng. Dành cho những dev muốn đưa ứng dụng Next.js lên mức performant cao nhất.

3.000.000 ₫

Try for free