Next.js Production Optimization Masterclass
Jason Nguyen
Instructor
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
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.