Chia Sẻ Khóa Học Next.js 14 & React - Hướng Dẫn Hoàn Chỉnh [Update Tháng 8-2024] [Khóa 6463 A]
Tìm hiểu NextJS 14 từ đầu và xây dựng các ứng dụng ReactJS + NextJS fullstack với App Router hoặc Pages Router!
Những gì bạn sẽ học được:
- ✓ Tìm hiểu cách xây dựng các ứng dụng React fullstack với NextJS 14 & App Router.
- ✓ Xây dựng các dự án thực tế và áp dụng những gì bạn đã học với các project và ví dụ thực hành.
- ✓ Tìm hiểu về các cách khác nhau để xây dựng NextJS app - App Router vs Pages Router.
- ✓ Bắt đầu với React Server Components, Client Components, data fetching và nhiều hơn nữa!
- ✓ Handle data submission qua Server Actions.
- ✓ Tìm hiểu tất cả các tính năng chính của NextJS như pre-rendering, SSR, data fetching, file-based routing và authentication.
- ✓ Tham gia full khóa học hoặc module "NextJS Summary" để bắt đầu nhanh nếu bạn có thời gian hạn chế.
Hãy tham gia khóa học NextJS bán chạy nhất này và tìm hiểu cách xây dựng các ứng dụng React cực kỳ năng động, siêu nhanh và hỗ trợ SEO bằng React & NextJS!
Khóa học này bao gồm cả "App Router" của NextJS và "Pages Router" - hai cách tiếp cận khác nhau để xây dựng các fullstack app với React! Và tất nhiên, bạn sẽ tìm hiểu về hai cách tiếp cận này, tại sao lại có hai cách tiếp cận khác nhau và cách thức hoạt động của từng cách tiếp cận!
Tôi đã tạo ra khóa học bán chạy nhất về React, giờ đây tôi rất vui mừng được chia sẻ khóa học NextJS này với bạn - một khóa học chuyên sâu về một React framework tuyệt vời cho phép bạn thực hiện bước tiếp theo với tư cách là một React developer và xây dựng các dự án thực tế, sẵn sàng đưa vào sản xuất với React và Next.js!
Next.js là fullstack-capable framework, production-ready dành cho ReactJS - thư viện JavaScript phổ biến nhất mà bạn có thể học hiện nay!
Có quá nhiều từ thông dụng theo sở thích của bạn?
Cũng hợp lý thôi - nhưng thực sự NextJS là lựa chọn tuyệt vời để phát triển như một React developer và đưa ứng dụng React của bạn lên một tầm cao mới !
Bởi vì NextJS đang phát triển nhanh và do đó có nhu cầu cao. Và có những lý do chính đáng cho điều đó: NextJS cho phép bạn xây dựng các ứng dụng React với built-in server-side rendering và page pre-rendering. Việc xây dựng trải nghiệm người dùng tuyệt vời và thân thiện với công cụ tìm kiếm (SEO!) Các ứng dụng React chưa bao giờ dễ dàng đến thế!
Ngoài ra, NextJS còn giúp việc xây dựng các fullstack React app (frontend + backend code kết hợp trong một project) trở nên cực kỳ dễ dàng! Kết hợp client-side và server-side code và xây dựng một API dựa trên NodeJS song song với các ứng dụng React frontend của bạn. Thật dễ dàng với NextJS!
Muốn thêm authentication ? NextJS cũng đơn giản hóa việc đó và giúp người dùng đăng ký, đăng nhập và quản lý session rất thuận tiện.
Khóa học này sẽ giúp bạn từ trình độ cơ bản lên trình độ nâng cao của NextJS chỉ trong thời gian ngắn!
Chúng ta sẽ bắt đầu từ những điều cơ bản nhất, không cần bất kỳ kiến thức nào về NextJS, và sau đó chúng ta sẽ đi sâu vào tất cả các tính năng cốt lõi tạo nên NextJS. Cả về mặt lý thuyết cũng như với nhiều dự án thực tế, nơi tất cả các khái niệm sẽ được áp dụng từng bước.
Đối với khóa học này, bạn sẽ cần có kiến thức cơ bản về React, mặc dù khóa học có đi kèm một module "React refresher" trong trường hợp bạn đã lâu không làm việc với React.
Khóa học này cũng bao gồm module "NextJS Summary" cho Pages router và module "NextJS Essentials" cho App router - cho phép bạn luôn quay lại khóa học trong tương lai và làm mới kiến thức của mình mà không cần phải học lại toàn bộ khóa học. Hoặc bạn chỉ cần học các module tóm tắt đó (và bỏ qua phần còn lại ngay bây giờ) để tìm hiểu về tất cả các tính năng cốt lõi trong thời gian ngắn nhất có thể.
Sau khi hoàn thành khóa học này, bạn sẽ được chuẩn bị tốt để xây dựng các project NextJS của riêng mình từ đầu và ứng tuyển vào các vị trí tại NextJS!
Chi tiết hơn, khóa học này sẽ bao gồm:
- ✓ NextJS là gì? Và tại sao bạn nên sử dụng nó?
- ✓ Tại sao chỉ sử dụng React (trong nhiều trường hợp) là không đủ?
- ✓ Tạo các dự án NextJS từ đầu và hiểu các dự án này.
- ✓ Làm việc với file-based routing.
- ✓ Thêm dynamic routes và catch-all routes.
- ✓ Triển khai các form khác nhau của page pre-rendering và server-side rendering.
- ✓ Làm việc với data và add data fetching + pre-fetching vào ứng dụng của bạn.
- ✓ Xử lý form submission với Server Actions.
- ✓ Xử lý File upload.
- ✓ Pre-generating dynamic và static pages.
- ✓ Thêm optimization như metadata vào pages.
- ✓ Tối ưu hóa hình ảnh với NextJS Image component.
- ✓ Xây dựng các fullstack app với API routes hoặc Server Actions.
- ✓ Quản lý app-wide state với React context (trong các ứng dụng NextJS).
- ✓ Thêm authentication vào các ứng dụng NextJS.
- ✓ Nhiều ứng dụng hoàn chỉnh mà chúng ta sẽ áp dụng tất cả các khái niệm cốt lõi này!
- ✓ Một module React.js refresher hoàn chỉnh (để chúng ta cùng hiểu rõ).
- ✓ Module NextJS summary để bạn có thể làm mới những gì đã học hoặc chỉ khám phá các tính năng cốt lõi một cách nhanh chóng.
- ✓ Và nhiều hơn nữa!
Tôi rất mong được bắt đầu cuộc hành trình này cùng bạn!
Mục lục:
- ✓ 01 - Bắt đầu.
- ✓ 02 - Tùy chọn: React Refresher.
- ✓ 03 - NextJS Essentials (App Router).
- ✓ 04 - Routing & Page Rendering.
- ✓ 05 - Data Fetching.
- ✓ 06 - Mutating Data.
- ✓ 07 - Hiểu & Cấu hình Caching.
- ✓ 08 - NextJS App Optimization.
- ✓ 09 - User Authentication.
- ✓ 10 - Tổng kết & Các bước tiếp theo.
- ✓ 11 - Pages & File-based Routing.
- ✓ 12 - Project Time: Làm việc với File-based Routing.
- ✓ 13 - Page Pre-Rendering & Data Fetching.
- ✓ 14 - Project Time: Page Pre-rendering & Data Fetching.
- ✓ 15 - Tối ưu hóa các ứng dụng NextJS.
- ✓ 16 - Add Backend Code với API Routes (Fullstack React).
- ✓ 17 - Project Time: API Routes.
- ✓ 18 - Làm việc với App-wide State (React Context).
- ✓ 19 - Ví dụ ứng dụng hoàn chỉnh: Xây dựng một Full Blog từ A đến Z.
- ✓ 20 - Deploy các NextJS App.
- ✓ 21 - Add Authentication.
- ✓ 22 - Tùy chọn: NextJS Summary.
- ✓ 23 - Tổng kết khóa học.
Khóa học này dành cho ai:
- ✓ Các React developer muốn thực hiện bước tiếp theo và xây dựng các ứng dụng React sẵn sàng cho sản xuất.
- ✓ Các React developer muốn xây dựng các ứng dụng React fullstack.
- ✓ Các Web developer nói chung, những người muốn làm việc với một trong những công nghệ phổ biến và có nhu cầu cao nhất.