강의

멘토링

로드맵

Inflearn brand logo image
NEW
Programming

/

Full-stack

Next.js 15: Phát triển Full-Stack

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 15 mới nhất và hướng dẫn cách phát triển theo phong cách 'thực sự' của Next.js. Từ portfolio xin việc đến dự án thực tế, hãy trải nghiệm cách nắm bắt cả hiệu suất và 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à nắm bắt được tinh thần của 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, các ví dụ trong mỗi bài học được tạo bằng Typescript sẽ được cung cấp thêm như tài liệu học tập.

56 học viên đang tham gia khóa học này

  • zk202308a5410
Nextjs
fullstack
react.js
javascript
SpringBoot
JavaScript
React
JPA
Next.js

Dịch cái này sang tiếng Việt

  • Khả năng tạo ứng dụng web fullstack ở mức độ thực tế sử dụng Next.js 15

  • Thực hành fullstack từ trình duyệt đến API server và DB

  • 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!

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

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


Khóa học này được tạo ra 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. Mục tiêu là sau khi hoàn thành khóa học này, khi ai đó hỏi bạn 'Dùng React hay Next.js?', bạn sẽ 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 riêng máy chủ API với mục đích mở rộng trong tương lai. Máy chủ API sẽ thực thi bằng cách sử dụng code được tạo cho từng chức năng riêng biệt, và được cấu hình theo cách thức tận dụng trong Next.js. Máy chủ Next.js được cấu hình theo cấu trúc gần giống với thực tế nhất có thể, trong đó dữ liệu được xử lý ở phía máy chủ và trình duyệt không thể sử dụng trực tiếp máy chủ API.




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

Backend (được cung cấp như 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 15 (Viết bằng JavaScript và TypeScript được cung cấp làm tài liệu học tập.)

  • NextAuth

  • SWR


Next.js 15

Sự thay đổi trong cách thức routing của Next.js từ phiên bản 13 trở đi, sự xuất hiện của React Server Component, Server Action và nhiều thay đổi khác trong Next.js 15. Nếu tận dụng tốt những tính năng này, bạn có thể triển khai các 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 chóng 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 tạo trong bài giảng


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ý định tuyến và component trang

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




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

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

  • Trang được cập nhật tự động theo chu 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 nội bộ và xác thực mạng xã hội (kakao)

  • JWT xử lý và sử dụng xác thực trong component

  • Máy chủ API và phương pháp tự động gia hạn 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 tuyến đường có thể gọi trong Next.js

  • Cách nhiều component chia sẻ dữ liệu server bằng SWR




Phát hành coupon giảm giá 60% kỷ niệm khai trương (giảm 40.000 won) đến cuối tháng 10.




https://inf.run/ryzNE

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ế

  • Nhà phát triển frontend cần phát triển tích hợp với máy chủ API

  • Nhà phát triển muốn tiến lên bước tiếp theo trong 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à

1,822

Học viên

115

Đánh giá

257

Trả lời

4.8

Xếp hạng

4

Các khóa học

구멍가게코딩단은 2015년부터 개발과 관련된 직종의 사람들의 모임을 위해 만들어진 커뮤니티입니다.

강의의 진행은 현재 구멍가게 코딩단을 운영하고 있는 쿠키 담당자가 진행하고 있습니다.

2015년 부터 '코드로 배우는 ..' 시리즈를 집필하고 있습니다.

ㄴ네이버 카페

 

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

Tất cả

44 bài giảng ∙ (8giờ 50phú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á

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Ưu đãi có thời hạn

26 ₫

48%

1.405.960 ₫

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!