강의

멘토링

커뮤니티

Programming

/

Web Development

Next.js với Spring Boot

Cách phát triển React truyền thống và cách phát triển sử dụng Next.js hoàn toàn khác nhau. Khóa học này sẽ giúp bạn nắm vững cốt lõi của Next.js 16 mới nhất và hướng dẫn cách phát triển 'thực sự' theo phong cách Next.js. Từ portfolio xin việc đến dự án thực tế, hãy trải nghiệm phương pháp đạt được cả hiệu suất lẫn hiệu quả. Hãy phát triển theo phong cách Next.js! Khóa học được cấu trúc để bạn có thể học bằng cách thực hành, tạo ra các ví dụ thực tế để hiểu cách áp dụng các tính năng của Next.js. Tập trung vào Server Components, bạn sẽ học nhanh hơn thông qua code thực tế về Server Actions và chiến lược caching thay vì chỉ lý thuyết. Mục tiêu của khóa học là theo kịp phong cách Next.js càng nhanh càng tốt, vì vậy khóa học sẽ được tiến hành bằng JavaScript. Tuy nhiên, mỗi ví dụ trong bài giảng cũng được cung cấp thêm phiên bản làm bằng TypeScript trong tài liệu học tập. 18 tháng 12 năm 2025 - Cập nhật lên phiên bản Next.js 16

(4.9) 12 đánh giá

164 học viên

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

  • zk202308a5410
JavaScript
JavaScript
React
React
Spring Boot
Spring Boot
JPA
JPA
Next.js
Next.js
JavaScript
JavaScript
React
React
Spring Boot
Spring Boot
JPA
JPA
Next.js
Next.js

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.9

5.0

양정헌

98% đã tham gia

Phần backend chỉ cung cấp code Phần frontend giúp hiểu cơ bản về cách sử dụng framework next.js và cấu trúc thư mục. Nếu có thêm thời gian tìm hiểu phần lý thuyết và tự làm thêm một lần nữa thì sẽ giúp ích cho việc tiếp thu kiến thức

5.0

성낙현(낙자쌤)

32% đã tham gia

Khóa học được cấu trúc để người mới bắt đầu có thể dễ dàng theo dõi và thực hành coding. Giảng viên giải thích rất thoải mái và dễ hiểu, đây thực sự là một khóa học tuyệt vời. Tôi khuyến khích tất cả những ai muốn học Next.js nên tham gia khóa học này.

5.0

뒤안길

32% đã tham gia

Bài giảng không khó và được giải thích một cách dễ hiểu, rất tốt.

Bạn sẽ nhận được điều này sau khi học.

  • Khả năng xây dựng ứng dụng web fullstack ở mức độ thực tế sử dụng Next.js 16

  • Thực hành Fullstack từ Trình duyệt đến API Server và Database

  • Thực hành các tính năng Next.js / React như Server Actions/ SSG/ ISR

  • Xử lý xác thực: Hoàn hảo với JWT token bằng NextAuth!

Nếu bạn muốn xây dựng ứng dụng quy mô lớn với React thì Next.js là lựa chọn tối ưu.

Hướng phát triển của React đang dần thoát khỏi phương thức chỉ hoạt động trên trình duyệt và chuyển sang phương thức tích hợp với hoạt động phía server. Next.js là framework hỗ trợ rõ ràng nhất cho hướng đi mà React đang theo đuổi.


Ban đầu Next.js chỉ cho cảm giác đơn giản là xử lý routing thuận tiện, nhưng khi thiết kế dựa trên các component hoạt động trên server thì Next.js là framework phù hợp nhất để xây dựng ứng dụng quy mô lớn.


Lý do tôi tạo ra khóa học này

React được thiết kế để chỉ hoạt động trên trình duyệt, nhưng Next.js có thể hoạt động trên cả phía máy chủ và trình duyệt, do đó cần có một phương pháp tiếp cận mới. Để tận dụng tối đa Next.js, cần có phương pháp phát triển phù hợp với nó.


Khóa học này được thiết kế với mục tiêu giúp bạn trải nghiệm Next.js trong thời gian tối thiểu và phát triển khả năng đưa ra quyết định phù hợp. Sau khi hoàn thành khóa học này, khi ai đó hỏi bạn 'Dùng React hay Next.js?', mục tiêu là bạn có thể tự tin trả lời 'Next.js'.


Cấu hình hệ thống ví dụ

Các ví dụ trong khóa học được viết theo cấu trúc tách biệt API server để có thể mở rộng sau này. API server sẽ thực thi code được tạo cho từng chức năng, và Next.js sẽ sử dụng nó theo cách này. Next.js server xử lý dữ liệu ở phía server và được cấu trúc sao cho browser không thể truy cập trực tiếp vào API server, tạo thành hình thức gần giống với thực tế nhất có thể.




Công nghệ sử dụng trong khóa học

Backend (Được cung cấp dưới dạng tài liệu học tập và không bao gồm trong nội dung bài giảng.)

  • Spring Boot

  • JPA

  • RestController

  • JWT

FrontEnd

  • Next.js 16 (Viết bằng JavaScript và cung cấp TypeScript như tài liệu học tập.)

  • NextAuth

  • SWR


Next.js 16

Sau Next.js 13, có nhiều thay đổi lớn trong Next.js 16 như cách thức routing mới, sự xuất hiện của Server Component trong React, Server Action, v.v. Nếu tận dụng tốt những tính năng này, bạn có thể triển khai nhiều chức năng đa dạng nhanh hơn so với việc phát triển bằng React truyền thống.


Chậm rồi Nhanh

Chúng ta cần suy nghĩ về phương pháp học tập.

  • Những suy nghĩ lý thuyết là - 'SLOW'

  • JavaScript để Tạo Nhanh Nhất Có Thể - 'FAST'

  • Thiết kế tối giản, xử lý nhanh bằng AI - 'FAST'

  • Máy chủ API được cung cấp bằng mã nguồn - 'FAST'


Các ví dụ và nội dung được viết trong khóa học


Ví dụ Todo: Làm chủ CRUD và Phân trang với App Routing

  • Tạo ví dụ Todo sử dụng App Routing

  • # Xử lý Routing và Component Trang

  • Học về xử lý layout, loading và lỗi.




Quản lý sản phẩm: Cách tối ưu hiệu suất và SEO đồng thời với SSG/ISR

  • Tạo trang tĩnh sử dụng SSG

  • Trang tự động làm mới định kỳ (ISR)

  • Tách biệt chức năng tìm kiếm


Xử lý xác thực: Hoàn hảo với JWT token bằng NextAuth!

  • Xử lý xác thực tự phát triển và xác thực mạng xã hội (kakao)

  • Xử lý JWT và Sử dụng Xác thực trong Component

  • Máy chủ API và phương pháp tự động làm mới Access Token, Refresh Token

  • Trang đăng nhập/đăng xuất tùy chỉnh


Duy trì trạng thái: Quản lý dữ liệu giỏ hàng hiệu quả với SWR

  • Phương pháp phát triển tập trung vào client trong Next.js

  • Xử lý các route có thể gọi trong Next.js

  • Cách chia sẻ dữ liệu server sử dụng SWR giữa nhiều component





Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người muốn áp dụng các ví dụ Next.js vào công việc thực tế

  • Lập trình viên Frontend cần phát triển tích hợp với API Server

  • # Nhà phát triển muốn tiến lên bước tiếp theo với React

Cần biết trước khi bắt đầu?

  • Kiến thức cơ bản về React

  • Hiểu về phương thức REST

Xin chào
Đây là

2,210

Học viên

161

Đánh giá

287

Trả lời

4.8

Xếp hạng

5

Các khóa học

Goo-mung-ga-ge Coding Team là một cộng đồng được thành lập từ năm 2015 dành cho những người làm việc trong các lĩnh vực liên quan đến phát triển phần mềm.

Khóa học hiện đang được dẫn dắt bởi Cookie Manager, người đang điều hành Gumung-gage Coding.

Tôi bắt đầu công việc phát triển từ năm 2000 và đã có kinh nghiệm làm việc tại các doanh nghiệp mạo hiểm, doanh nghiệp vừa và nhỏ, tập đoàn lớn cũng như làm freelancer.

Từ những năm 2010, tôi chủ yếu thực hiện các công việc giảng dạy và tư vấn cho các doanh nghiệp.

Naver Cafe

Các tác phẩm chính

Dự án Spring Web học qua mã nguồn

Học Spring Boot qua mã nguồn

Học React qua mã nguồn

Triển khai máy chủ RESTful API

Dự án Spring 6 Legacy

Sổ tay phát triển Web Java

React Native in Action (Bản dịch)

Phát triển/Giảng dạy

Làm việc tại đội ngũ phát triển Samsung SDS

Làm việc tại Công ty Cổ phần SK Customer Happiness

Giảng dạy tại các doanh nghiệp như KT / SK / POSDATA / Kyobo Life / Shinsegae / Asiana / Công đoàn Quản lý Bảo hiểm Y tế, v.v.

Chương trình giảng dạy

Tất cả

48 bài giảng ∙ (8giờ 58phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

12 đánh giá

4.9

12 đánh giá

  • anansi75431688님의 프로필 이미지
    anansi75431688

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    • slasnrndu4468님의 프로필 이미지
      slasnrndu4468

      Đánh giá 4

      Đánh giá trung bình 5.0

      5

      32% đã tham gia

      • genius17888330님의 프로필 이미지
        genius17888330

        Đánh giá 12

        Đánh giá trung bình 5.0

        5

        36% đã tham gia

        • devhoney님의 프로필 이미지
          devhoney

          Đánh giá 2

          Đánh giá trung bình 5.0

          5

          98% đã tham gia

          Phần backend chỉ cung cấp code Phần frontend giúp hiểu cơ bản về cách sử dụng framework next.js và cấu trúc thư mục. Nếu có thêm thời gian tìm hiểu phần lý thuyết và tự làm thêm một lần nữa thì sẽ giúp ích cho việc tiếp thu kiến thức

          • ju0님의 프로필 이미지
            ju0

            Đánh giá 12

            Đánh giá trung bình 4.9

            5

            98% đã tham gia

            1.380.825 ₫

            Khóa học khác của zk202308a5410

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!