강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Next.js khám phá: từ "nhà phát triển biết sử dụng" đến "nhà phát triển hiểu và sử dụng"

Cùng mổ xẻ mã nguồn, tôi sẽ giúp bạn trang bị hiểu biết sâu sắc và góc nhìn riêng cần thiết cho kỷ nguyên AI, từ phỏng vấn kỹ thuật đến thiết kế thực tế. Hãy phát triển từ nhà phát triển chỉ đơn thuần "dùng" Next.js thành chuyên gia "hiểu" tại sao nó được dùng như vậy.

(4.6) 12 đánh giá

191 học viên

  • Boaz
웹개발
Nextjs
Next.js
React
TypeScript

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

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

  • Nguyên lý hoạt động của Next.js thường gặp trong phỏng vấn kỹ thuật

  • Nguyên tắc thiết kế áp dụng ngay vào thực tế.

  • Triết lý công nghệ và bản chất của Next.js vẫn còn giá trị trong kỷ nguyên AI.

  • Tiêu chí và quan điểm cá nhân để lựa chọn và sử dụng framework hiệu quả hơn.

(Đây là khóa học được tạo từ video YouTube đã tải lên trước đó (hiện đang ở chế độ riêng tư) và 7 video mới.
Chỉ những ai muốn sưu tầm mới đăng ký học nhé. 🙏)

Đây là khóa học giúp bạn có thể giải thích 'tại sao' sử dụng Next.js chứ không phải 'làm thế nào'.

Chúng tôi khuyến nghị cho những người như thế này

👨‍💻 Các lập trình viên đã sử dụng Next.js nhưng muốn hiểu sâu hơn

Những người đang sử dụng thành thạo nhưng tò mò về nguyên lý hoạt động bên trong

🎙 Người luôn giải thích mơ hồ trong phỏng vấn kỹ thuật

Người hiểu khái niệm nhưng khó đưa ra câu trả lời có hệ thống khi được hỏi

🧭 Thời đại AI, nhân viên thực tế lo lắng về tiêu chí lựa chọn công nghệ

Những người muốn thấu hiểu bản chất của công nghệ mà không bị cuốn theo xu hướng

🎯 Sau khi hoàn thành khóa học

  • Các khái niệm cốt lõi của Next.js (routing, rendering, xử lý lỗi, v.v.) vượt ra ngoài mức độ chỉ đơn thuần sử dụng, bạn sẽ có thể giải thích được tại sao chúng lại được thiết kế như vậy.

  • Đối với những câu hỏi thường gặp trong phỏng vấn kỹ thuật, bạn sẽ có được khả năng trả lời một cách rõ ràng và logic bằng ngôn ngữ của chính mình.

  • Bạn có thể tạo ra tiêu chuẩn thiết kế thực tế dựa trên triết lý và nguyên lý hoạt động của framework mà không thể có được chỉ từ tài liệu chính thức hoặc tutorial.

  • Từ 'nhà phát triển chỉ biết sử dụng theo cấu trúc do người khác tạo ra', bạn sẽ phát triển thành 'nhà phát triển có thể đánh giá và giải thích cấu trúc theo tiêu chuẩn của chính mình'.

  • Trong dòng chảy công nghệ frontend không ngừng thay đổi, bạn sẽ có được sự tự tin để tự mình xây dựng tầm nhìn và tiêu chí lựa chọn công nghệ.

Điểm mạnh cốt lõi của khóa học này

Mã nguồn를 phân tích để hiểu nguyên lý hoạt động.

Phân tích mã nguồn nội bộ của Next.js và giải thích nguyên lý hoạt động. Thông qua điều này, chúng ta sẽ hiểu được cách thức hoạt động nội bộ của các tính năng đã sử dụng.

Vượt ra ngoài tài liệu chính thức, chúng ta sẽ đề cập đến triết lý thiết kế.

Chúng ta sẽ theo dõi các tính năng xuất hiện trong tài liệu chính thức theo thứ tự, tìm hiểu lý do tại sao các tính năng đó ra đời và đó là lựa chọn để giải quyết vấn đề gì, đồng thời xem xét bối cảnh và triết lý thiết kế.

Chúng ta sẽ học những nội dung như thế này

Theo thứ tự tài liệu chính thức, chúng ta sẽ học hỏi về bối cảnh xuất hiện và nguyên lý hoạt động của các tính năng thông qua những câu hỏi sâu sắc.

Phần (1) Routing

Next.js routing, chỉ đơn giản là chức năng chia thư mục thôi sao?
Trong phần này, từ triết lý của routing dựa trên thư mục đến cấu trúc App Router, template.tsx, layout.tsx,, nguyên lý hoạt động đến bản chất và ý định thiết kế của routing Next.js được khám phá một cách sâu sắc.

Phần (2) Lấy dữ liệu

Trong Next.js, việc fetch dữ liệu chỉ cần quan tâm đến vị trí của fetch() thôi sao?
Trong phần này, chúng ta sẽ cùng tìm hiểu từ bối cảnh xuất hiện của fetch tập trung vào server, đến những hạn chế của xử lý song song, kết nối với Server Component, và Server Action để hiểu hướng và lý do của luồng dữ liệu mà Next.js đề xuất.

Phần (3) Rendering

CSR, SSR, SSG, ISR, và cả Streaming nữa.. Càng có nhiều phương thức rendering thì càng dễ bối rối "đâu mới là đáp án đúng".
Trong phần này, chúng ta sẽ tìm hiểu các chiến lược rendering của Next.js xuất hiện từ bối cảnh nào,
mỗi phương thức có thể được ứng dụng như thế nào trong các dự án thực tế.

Bạn có thắc mắc gì không?

Q. Khóa học này có phù hợp cho các developer mới tiếp xúc với Next.js không?

Khóa học này dành cho các lập trình viên frontend thực tế từ trình độ trung cấp trở lên.Phù hợp nhất với những người đã có kinh nghiệm sử dụng Next.js một vài lần và đã từng suy nghĩ về 'tại sao phải sử dụng như vậy' thay vì chỉ sử dụng đơn thuần.

Q. Có giúp ích cho việc chuẩn bị phỏng vấn kỹ thuật không?

Tất nhiên rồi! Bạn sẽ có được năng lực giải thích với độ sâu vượt xa tài liệu chính thức, dựa trên code thực tế và cấu trúc cho những câu hỏi phỏng vấn kỹ thuật thường gặp.

Q. Có thể áp dụng ngay vào công việc thực tế không?

Trả lời các câu hỏi thắc mắc trong thực tế - mỗi tập được sản xuất theo hình thức như vậy. Thông qua điều này, khi thiết kế cấu trúc hoặc khi cân nhắc về cấu thành component, chúng tôi cung cấp quan điểm và triết lý có thể thiết lập tiêu chuẩn phán đoán.

Q. Trong khóa học có thực hành lập trình trực tiếp không?

Khóa học này tập trung vào việc hiểu nguyên lý hoạt động và triết lý thiết kế hơn là hướng dẫn thực hiện các tính năng theo mã code. Do đó, chúng tôi cung cấp mã code ví dụ để hỗ trợ điều này.

Mục đích của việc cung cấp mã ví dụ không phải là thực hành triển khai trực tiếp mà là nắm vững sâu sắc các khái niệm và cấu trúc để ứng dụng vào thực tế.

Q. Đây có phải là khóa học về App Router không? Pages Router có được bao gồm không?

Nội dung chính được xây dựng xung quanh App Router, đi sâu vào triết lý và sự khác biệt trong thay đổi cấu trúc routing, cũng như lý do tại sao nó lại thay đổi như vậy.
Nếu bạn đã có kinh nghiệm sử dụng Pages Router, điều này sẽ rất hữu ích khi chuyển sang App Router.

Những lưu ý trước khi học

Môi trường thực hành

  • Nodejs và Browser

  • #Next.js #React #Typescript


Tài liệu học tập

Câu hỏi và trả lời

  • https://discord.gg/fpCrBJWCtz:

    Đây là kênh nơi các Product Engineer không chỉ đặt câu hỏi về khóa học mà còn muốn khám phá sâu về công nghệ, thảo luận cùng đồng nghiệp và xây dựng quan điểm riêng của mình, cùng nhau học hỏi và trả lời mọi câu hỏi về Next.js :)

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

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

  • Dù đã dùng Next.js nhưng lại bí lời khi phỏng vấn kỹ thuật.

  • Người muốn phát triển từ 'lập trình viên chỉ biết code' thành 'chuyên gia hiểu sâu và áp dụng'

  • Bạn muốn phân tích mã nguồn Next.js nhưng không biết bắt đầu từ đâu?

  • Thời đại AI, những ai muốn sở hữu năng lực cạnh tranh cốt lõi của kỹ sư Frontend.

Xin chào
Đây là

191

Học viên

12

Đánh giá

14

Trả lời

4.6

Xếp hạng

1

Khóa học

안녕하세요. Boaz 입니다.
총 4번의 이직을 거치며 다양한 스타트업을 경험 했고, 라인에서 일하다 얼마전 퇴사한 8년 차 프론트엔드 엔지니어입니다.

다양한 프로젝트에서 Next.js 를 활용하며, 저는 많은 시행착오를 겪었어요.
특히 실무에 적용하며 더 좋은 구조를 고민할 때, “왜 이렇게 구성해야 하지?”, “이 기능을 써도 되는 상황인가?” 같은 질문들이 쏟아졌고, 그때부터 단순한 사용법보다 '등장 배경과 동작 원리의 이해'가더 중요하다는 걸 느꼈어요.

이 강의는 단순히 Next.js를 ‘쓸 수 있게’ 만드는 것이 목적은 아니어요.
“왜 이렇게 설계 되었는가?”, “실무에서는 어떤 기준으로 선택해야 하는가?”를 함께 고민하고 싶은 분들을 위해 만들었어요.

단순히 쓸 줄 아는데 그치고 싶지 않았던 과거의 저와 같은 여러분에게, 이 강의가 정리된 관점과 기준을 제시해주는 나침반이 되었으면 합니다 😄

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

Tất cả

31 bài giảng ∙ (9giờ 51phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

12 đánh giá

4.6

12 đánh giá

  • 냠냠굿님의 프로필 이미지
    냠냠굿

    Đánh giá 14

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    단순히 코드 작성법만 알려주는 초급 강의와는 차원이 다릅니다. Next.js의 라우팅, 데이터 페칭, 렌더링에 대한 철학적 배경과 기술적 구현 방식을 깊이 있게 다루고 있어요. 특히 'Next.js 라우팅은 어떻게 구현했을까?', '왜 Dynamic Route의 params는 promise로 바뀌었나?' 같은 주제는 단순히 사용법이 아닌 '왜' 그렇게 설계되었는지 이해할 수 있게 해줍니다. 실무에서 무작정 'use client'로 CSR만 사용하던 제게 Server Component의 본질과 최적화 포인트를 명확히 이해시켜준 유일한 강의입니다. 이제야 Next.js를 제대로 활용할 수 있게 된거같습니다. 다음 강의도 정말 기대가 됩니다!

    • jihunkim625님의 프로필 이미지
      jihunkim625

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      지금껏 Next.js를 이용해 여러 프로젝트를 진행해왔었는데, 내가 쓰는 프레임 워크에 대한 이해가 부족하지는 않은가 하는 의문이 항상 있었습니다. 하지만 해당 강의를 수강하고, Next.js라는 리액트 기반 프레임워크를 왜 써야 하는지에 대한 명확한 이해가 머리에 각인된 것 같습니다. 특히, 서버 라우팅과 서버 컴포넌트 개념은 공식 문서를 봐도 이해가 안 가는 부분이 많았는데, 그런 부분을 실제 예제 코드를 통해 배우고 또 강사님의 최대한 직관적인 설명을 통해 쉽게 이해할 수 있었습니다. 그 동안은 프로젝트를 하면서 겉핥기 식으로만 기능을 구현해왔다는 생각이 들었습니다. 그러나 이제는 어떤 기능을 구현할 때에도 '왜 이 방식이 더 나은 선택일까?', '이 구조의 장단점은 무엇일까?'를 함께 고민할 수 있게 되었습니다. 덕분에 Next.js에 대한 두려움도 사라졌고, 더 나아가 어떤 버전이든 새로운 기능이 등장하더라도 쉽게 흡수할 수 있을 것 같은 자신감 역시 생겼습니다. 해당 강의는 표면적인 사용법이 아닌, 본질적인 원리와 설계 의도를 꿰뚫고 싶은 분들께 꼭 추천하고 싶은 강의입니다. Next.js를 제대로 이해하고 싶은 개발자라면 제가 수강한 해당 강의가 전환점이 될 수 있다고 확신합니다.

      • Boaz
        Giảng viên

        안녕하세요 먼저 전부 수강해주시고, 수강평까지 작성해주셔서 더욱 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 더 자세히 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.

    • dlawnsdlekd님의 프로필 이미지
      dlawnsdlekd

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      20% đã tham gia

      최고의 강의입니다. 이 정도로 깊이 있는 강의는 인프런에서 처음 봅니다. Next.js가 왜 이렇게 설계된 건지 납득할 수 있었습니다. 그냥 이것저것 써보면서 의미 없는 공부를 하면 시간이 조금만 지나도 기억에 남지 않습니다. 왜 이렇게 설계되었는지를 알아가면서 공부하면 기억에도 오래 남습니다. 자연스럽게 면접 대비도 같이 되고요. 프로젝트 따라만들기 강의 같은 거에 돈낭비를 많이 한 사람으로서 정말 추천하는 깊이 있는 강의입니다.

      • Boaz
        Giảng viên

        안녕하세요 먼저 전부 수강해주시고, 수강평까지 작성해주셔서 더욱 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 더 자세히 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.

    • 조용준 (Near)님의 프로필 이미지
      조용준 (Near)

      Đánh giá 25

      Đánh giá trung bình 5.0

      5

      10% đã tham gia

      Next.js를 단순히 써본 적 있다에서 원리를 꿰뚫는 단계로 업그레이드해주는 강의였습니다. 기술은 계속 빠르게 변하지만, 본질적인 원리를 이해하면 변화에도 쉽게 적응할 수 있더라구요. Next.js를 사용하고 있지만 '왜 이런 구조가 필요할까?' 하는 의문을 가진 분들께 추천드려요! 좋은 강의 감사합니다 🥰

      • Jay LEE님의 프로필 이미지
        Jay LEE

        Đánh giá 1

        Đánh giá trung bình 3.0

        3

        100% đã tham gia

        • Boaz
          Giảng viên

          안녕하세요 Jay LEE 님 먼저 수강해주시고, 수강평까지 작성해주셔서 감사합니다. 혹시 괜찮으시면 강의에 대한 피드백을 더 자세히 들을 수 있을까요? 좋은 점 아쉬운 점 무엇이든 나눠주시면 개선하는데 큰 도움이 될것 같습니다. 피드백 관련해서는 아래 링크에서 예약해주셔도 좋습니다. https://cal.com/p.e.c/career-coaching 혹시 메일로 주시고 싶으시다면 hkc7180@gmail.com 도 좋습니다. 다시한번 수강해주셔서 감사드립니다.🤗

      3.228.574 ₫

      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!