inflearn logo
강의

Khóa học

Chia sẻ kiến thức
inflearn logo
Challenge
Đã kết thúc
Programming

/

Full-stack

[Tặng AirPods] Thử thách hoàn thành bản sao Inflearn trong 6 tuần｜Next.js 15 × NestJS × Prisma

Trong 6 tuần hoàn thành bản sao Inflearn thực tế với Next.js 15 × NestJS × Prisma 🚀 ✅ Tặng AirPods thế hệ 3 cho 1 học viên xuất sắc + hoàn tiền 100% 🎁 ✅ 2 người hoàn tiền 50%, 3 người hoàn tiền 30% 🎁

AWS
Next.js
NestJS
cursor
AI

93개 수업 학습

6회 미션 수행

성취의 증표, 수료증을 발급해요.

무제한 복습, 내 것으로 만들어요.

지식공유자와 멘토링 혜택!

질문하고 즉시 답을 얻어요.

lopun님과 함께해요!

Xác minh Inflearn

Xác minh sự nghiệp

3,823

Học viên

234

Đánh giá

67

Trả lời

4.8

Xếp hạng

8

Các khóa học

🚀 “Tôi sẽ tiết lộ toàn bộ quá trình tạo ra một dịch vụ thực tế bằng các công nghệ hot nhất hiện nay.”

Thay vì lý thuyết suông, tôi cung cấp các bài giảng thực hành tập trung vào dự án, mang đến những nội dung có thể áp dụng ngay vào công việc thực tế.

  • (Hiện tại) Đang làm việc tại Na-Ka-Ra-Ku-Bae

  • (Hiện tại) 7 năm kinh nghiệm phát triển Full-stack

  • (Giảng dạy) Giảng viên tại Sparta Coding Club

  • (Giáo dục) Tốt nghiệp Khoa Khoa học Máy tính, Viện Khoa học và Công nghệ Tiên tiến Hàn Quốc (KAIST)

Thêm

🚀

Đầu tiên tại Hàn Quốc!

Next.js 15 + NestJS + Prisma
Fullstack Inflearn Clone Coding

Thử thách hoàn thành trong 6 tuần

✋ Chờ đã!
Bạn đã đang học khóa học Inflearn Clone phần 1, 2 rồi phải không?

🔗 Gửi Google Form và nhận giảm giá thử thách

📌 Lưu ý

Khi đăng ký thử thách chúng tôi sẽ đăng ký miễn phí các khóa học Phần 1 + Phần 2 hiện có cho bạn.
Hãy nhận giảm giá 30% so với giá mua khóa học + cả phần thưởng cho người chiến thắng nữa!

Thông qua khóa học này, các bạn sẽ

Kết hợp fullstack mạnh mẽ NextJS, NestJS và

Thông qua Prisma, một ORM hot nhất hiện tại


Học tập · Thanh toán · Phân phốihoàn thiện đến cùng

Tạo bản sao Inflearn trong quá trình

Phát triển thành một lập trình viên fullstack với nền tảng vững chắc!

🏆

Hướng dẫn giải thưởng chiến thắng thử thách

🥇 1 học viên hoàn thành xuất sắc được hoàn tiền 100% + tặng AirPods thế hệ 3 🎁

🥈 2 học viên hoàn thành xuất sắc được hoàn tiền 50% 🎁

🥉 3 học viên hoàn thành xuất sắc được hoàn 30% 🎁

Divider
Divider_horizontal

"Thử qua loathì thôi! Hãy trải nghiệm fullstackthực sự."

Bắt đầu hành trình fullstack hoàn thành từ lập kế hoạch, phát triển đến triển khai chỉ với một khóa học duy nhất.

"Tạo ra nền tảng Inflearn gần với thực tế từ đầu bằng cách sử dụng kết hợp Next.js + NestJS."

🧩 Next.js + NestJS = Sự kết hợp tối ưu fullstack cùng một ngôn ngữ

Next.js 15 bổ sung Server Components · App Router · Server Actions vào các dự án dựa trên React, cho phép xử lý từ việc render giao diện đến các API đơn giản trong cùng một codebase.

NestJS được viết bằng TypeScript, và nhờ vào dependency injection cùng cấu trúc modular, bạn có thể xây dựng backend dễ bảo trì ngay cả khi quy mô team ngày càng lớn.

Khi sử dụng hai framework cùng nhau, UI và server sẽ chia sẻ một định nghĩa kiểu dữ liệu, giúp giảm thiểu sự không nhất quán của dữ liệu và cho phép developer chuyển đổi giữa frontend và backend mà không cần thay đổi ngôn ngữ hay bộ công cụ.

🔥 Next.js v15 🔥

🔥 Nest.js v10 🔥

🤔 Tại sao lại là "Dự án nhân bản Inflearn"?

Với các ứng dụng ví dụ nhỏ thì khó có thể trải nghiệm đúng nghĩa một chu kỳ fullstack hoàn chỉnh. Bởi vì chỉ với blog có chức năng đăng nhập hoặc danh sách todo thì không thể cảm nhận được "dịch vụ thực tế hoạt động như thế nào" một cách trực quan.

Vì vậy tôi đã quyết định tạo ra mini Inflearn mang nguyên vẹn luồng cốt lõi của Inflearn.
Từ quản lý thành viên đến đăng ký khóa học, chỉnh sửa chương trình giảng dạy, tải lên và streaming video, thanh toán, triển khai AWS
chu trình đầy đủ (thiết kế → xác thực → xử lý media → quản lý quyền -> đặt hàng/thanh toán -> triển khai) sẽ được trải nghiệm một lần.

🔥 Khóa học đã có hơn 400+ học viên tích lũy

  • Triển khai chức năng người chia sẻ kiến thức (chương trình học, tải lên bài giảng, v.v.)

  • Quản lý thành viên học viên, Tạo kiểu UI sử dụng AI

  • Đăng ký khóa học, cấu thành chương trình giảng dạy, tải lên video

  • Khám phá khóa học, Đăng ký học, Xem video, Thanh toán, Phân phối

  • JWT xác thực, tải lên S3, cấu hình trang quản trị

  • Lịch sử xem, Câu hỏi/Đánh giá khóa học, API thanh toán, Triển khai EC2

🚀

Thông qua thử thách này

Bạn sẽ thực sự hoàn thành sản phẩm cuối cùng dưới đây!

🥇Tuần 1: Từ thiết lập môi trường đến xác thực

  • Next.js · NestJS dựa trên thiết lập môi trường dự án

  • Triển khai tính năng đăng ký·đăng nhập thành viên với Auth.js

  • Kiểm tra và xác thực giao tiếp API bằng Swagger

  • 🎯 Nhiệm vụ: Nộp video đăng nhập thành công & ảnh chụp xác thực API


🎥 Tuần 2: Đăng ký khóa học & Tải lên video

  • Thiết kế mô hình DB cho bài giảng và chương trình học với Prisma

  • Hoàn thành tính năng đăng ký khóa học, cấu trúc chương trình học

  • AWS S3 + CloudFront để xây dựng tải lên video

  • 🎯 Nhiệm vụ: Tải lên bài giảng của riêng tôi & Nộp video streaming


🔍 Tuần 3: Tính năng tìm kiếm khóa học & đăng ký học

  • Triển khai tìm kiếm khóa học dựa trên danh mục·phân trang

  • Kết nối chức năng trang chi tiết·yêu thích·đăng ký học

  • Hoàn thành tính năng lưu thời gian xem và tiếp tục xem

  • 🎯 Nhiệm vụ: Nộp video demo tìm kiếm·đăng ký khóa học·tiếp tục xem


💬 Tuần 4: Hệ thống đánh giá khóa học · câu hỏi · thanh toán

  • Xây dựng chức năng viết/xem đánh giá khóa học dựa trên hệ thống sao

  • Hệ thống hỏi đáp và hoàn thành trang quản lý

  • PortOne tích hợp API thanh toán và triển khai quy trình thanh toán thực tế

  • 🎯 Nhiệm vụ: Nộp video toàn bộ quy trình đăng ký đánh giá·câu hỏi & thanh toán


🚀 Tuần 5: Tối ưu hóa hiệu suất & Triển khai

  • Áp dụng Cron Job, caching, giám sát Sentry

  • EC2 + Docker + GitHub Actions tự động triển khai

  • Hoàn thành kết nối HTTPS và triển khai tên miền thực tế

  • 🎯 Nhiệm vụ: Chụp màn hình triển khai thành công + Nộp báo cáo hiệu suất


🏆 Tuần 6: Q&A & Mở rộng Inflearn của riêng tôi

  • Tiến hành hỏi đáp và phản hồi trong phiên Q&A

  • Tự do thêm 1 tính năng riêng của bạn trở lên

  • Trình bày sản phẩm hoàn thiện & tham gia Demo Day

  • 🎯 Nhiệm vụ: Trình bày tính năng đã thêm + Nộp bản triển khai cuối cùng


🎯

Tôi thực sự khuyến khích những người như thế này!

Thoát khỏi ứng dụng todo đơn giản
Tạo ra dịch vụ thực sự
và trở thành nhà phát triển frontend

Portfolio có thể
sử dụng ngay làm dự án
cần thiết cho người chuẩn bị chuyển việc·tìm việc

Nền tảng giảng dạy như vậy
Muốn tạo ra dịch vụ thực tế
Lập trình viên độc lập

📌 Bắt buộc phải đọc!

Để thử thách diễn ra suôn sẻ, vui lòng đọc kỹ các điều sau đây.

✅ Đảm bảo thời gian để đầu tư vào thử thách
✅ Học trước kiến thức cơ bản về frontend (cú pháp React), backend (REST API)
✅ Tích cực chia sẻ trên Slack khi giải quyết bug hoặc vấn đề
✅ Bật thông báo Slack trên di động và máy tính để bàn

🧰

Cấu trúc bài giảng

Tổng cộng 28+ giờ nội dung, 90+ bài giảng, tổng cộng 6 tuần nhiệm vụ

Cung cấp mã ví dụ GitHub và tài liệu tham khảo

Dự án hoàn thành có thể được sử dụng làm portfolio

✋ Chờ một chút!
Bạn đã đang học khóa học Inflearn Clone phần 1, 2 rồi phải không?

🔗 Gửi Google Form và nhận giảm giá thử thách

11월

9일

챌린지 시작일

2025년 11월 9일 PM 03:00

챌린지 종료일

2025년 12월 21일 PM 02:59

챌린지 커리큘럼

Tất cả

99 bài giảng ∙ (28giờ 54phút)

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

챌린지에서 배워요

  • Xu hướng phát triển Full-stack mới nhất (Next.js 15, NestJS, Prisma)

  • Hoàn thành nền tảng 'Inflearn của riêng tôi' có thể sử dụng làm portfolio

  • Phát triển toàn bộ các tính năng dịch vụ thực tế như đăng ký khóa học, chỉnh sửa, tải lên video, chỉnh sửa chương trình học

  • Tạo UI cảm tính cấp độ thực tế với Shadcn UI + TailwindCSS + Cursor AI

  • Cấu trúc gọi backend tự động hóa dựa trên Swagger + OpenAPI

  • Thiết kế mô hình cơ sở dữ liệu với Prisma và thiết kế cấu trúc dựa trên PostgreSQL

  • Xây dựng hệ thống tải lên streaming dựa trên S3 + CloudFront

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

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

  • Đủ rồi với blog và ứng dụng todo! Dành cho các lập trình viên frontend muốn tự tay xây dựng toàn bộ dịch vụ

  • Các lập trình viên junior~middle muốn học thiết kế backend NestJS thông qua thực hành

  • Sinh viên chuẩn bị việc làm cần dự án hoàn thiện chất lượng cao để chuyển việc và làm portfolio

  • Học viên hướng thực tiễn muốn học từ A đến Z về stack thực tế qua một khóa học

  • Học viên hướng thực tiễn muốn học từ đầu đến cuối cấu trúc fullstack dựa trên một ngôn ngữ duy nhất

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

  • HTML/CSS/JS cú pháp cơ bản

  • Kinh nghiệm sử dụng cơ bản React

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

  • cafesmallhouse님의 프로필 이미지
    cafesmallhouse

    Đánh giá 12

    ∙

    Đánh giá trung bình 4.6

    5

    100% đã tham gia

    Cá nhân tôi nghĩ đây thực sự là một khóa học rất tốt. Từ hệ thống thanh toán backend cho đến triển khai, có thể xem xét toàn bộ quy trình, nên dù là người mới bắt đầu hay người giỏi thì đều có thể nhìn lại một lần và trong suốt quá trình xem tôi đã cảm nhận được rằng đây là một khóa học sẽ thực sự giúp ích rất nhiều

    • rhkdqhr080980님의 프로필 이미지
      rhkdqhr080980

      Đánh giá 13

      ∙

      Đánh giá trung bình 4.8

      Đã chỉnh sửa

      5

      100% đã tham gia

      Trong quá trình clone coding Inflearn, tôi rất thích việc không chỉ làm frontend và backend mà còn sử dụng các tính năng của GitAction và AWS để tạo ra môi trường tương tự như thực tế. Điều này đã giúp ích rất nhiều cho việc tạo trang web riêng của tôi trong tương lai.

      취소 및 환불 규정
      챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

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

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

      Clone coding Inflearn Phần 1: Dự án thực tế bắt đầu với Next.js và NestJSHình thu nhỏ khóa học

      Clone coding Inflearn Phần 1: Dự án thực tế bắt đầu với Next.js và NestJS

      lopun

      3.462.471 ₫

      Trung cấp trở lên / AWS, Docker, Next.js, NestJS, Prisma

      4.8

      (41)

      300+
      Nhiệm vụ
      Nhiệm vụ

      🔥 Từ đăng ký bài giảng đến tải lên video, đây là khóa học Full-stack thực chiến giúp bạn hiện thực hóa các tính năng của một người chia sẻ kiến thức. Sử dụng Next.js 15 và NestJS, bạn sẽ được xây dựng quy trình thực tế của Inflearn bao gồm: tạo bài giảng, thiết lập lộ trình học tập, tải lên thumbnail và video, viết giới thiệu chi tiết. Qua đó, bạn có thể tích lũy kinh nghiệm thực tế như mô hình hóa Prisma, xác thực JWT, tải lên S3 + CloudFront, thiết kế Swagger API và nhiều hơn thế nữa.

      Trung cấp trở lên

      Trung cấp trở lên

      AWS, Docker, Next.js

      Clone coding Inflearn Phần 1: Dự án thực tế bắt đầu với Next.js và NestJSHình thu nhỏ khóa học

      Clone coding Inflearn Phần 1: Dự án thực tế bắt đầu với Next.js và NestJS

      lopun

      3.462.471 ₫

      Trung cấp trở lên / AWS, Docker, Next.js, NestJS, Prisma

      4.8

      (41)

      300+
      Nhiệm vụ
      Nhiệm vụ
      Clone coding Inflearn Phần 2: Từ việc tham gia khóa học đến triển khai, hoàn thiện Inflearn thực thụHình thu nhỏ khóa học

      Clone coding Inflearn Phần 2: Từ việc tham gia khóa học đến triển khai, hoàn thiện Inflearn thực thụ

      lopun

      3.462.471 ₫

      Trung cấp trở lên / AWS, Docker, Next.js, NestJS, Prisma

      4.9

      (8)

      100+
      Nhiệm vụ
      Nhiệm vụ

      🔥 Đây là khóa học Full-stack thực chiến giúp bạn hiện thực hóa toàn bộ quy trình mà học viên trải nghiệm, từ việc đăng ký khóa học, thanh toán cho đến triển khai hệ thống. Bạn sẽ tự tay xây dựng tất cả các tính năng: tìm kiếm khóa học, trang chi tiết, đăng ký học, xem video, đánh giá và đặt câu hỏi, giỏ hàng và thanh toán thực tế, xem tiếp video đang dở, cho đến triển khai bằng Docker + AWS. Qua đó, bạn sẽ nắm vững thiết kế cấu trúc và luồng người dùng gần với dịch vụ thực tế, đồng thời hoàn thiện trải nghiệm Full-stack cao cấp.

      Trung cấp trở lên

      Trung cấp trở lên

      AWS, Docker, Next.js

      Clone coding Inflearn Phần 2: Từ việc tham gia khóa học đến triển khai, hoàn thiện Inflearn thực thụHình thu nhỏ khóa học

      Clone coding Inflearn Phần 2: Từ việc tham gia khóa học đến triển khai, hoàn thiện Inflearn thực thụ

      lopun

      3.462.471 ₫

      Trung cấp trở lên / AWS, Docker, Next.js, NestJS, Prisma

      4.9

      (8)

      100+
      Nhiệm vụ
      Nhiệm vụ
      [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với FirebaseHình thu nhỏ khóa học

      [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với Firebase

      lopun

      477.582 ₫

      Cơ bản / PostgreSQL, Next.js, TailwindCSS, supabase

      4.9

      (109)

      2,000+

      Supabase! Chắp cánh phát triển Full-stack! Với Supabase, vượt trội hơn Firebase, hoàn tất phát triển Full-stack chỉ trong 2 giờ.

      Cơ bản

      Cơ bản

      PostgreSQL, Next.js, TailwindCSS

      [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với FirebaseHình thu nhỏ khóa học

      [Nhập môn Fullstack] Supabase tốt gấp 10 lần so với Firebase

      lopun

      477.582 ₫

      Cơ bản / PostgreSQL, Next.js, TailwindCSS, supabase

      4.9

      (109)

      2,000+
      Backend 101 dành cho nhà phát triển Frontend (NestJS, TypeORM)Hình thu nhỏ khóa học

      Backend 101 dành cho nhà phát triển Frontend (NestJS, TypeORM)

      lopun

      1.164.107 ₫

      Cơ bản / NestJS, TypeORM, PostgreSQL, AWS, aws-rds

      4.9

      (15)

      200+

      NestJS giúp bạn nhập môn backend nhanh nhất! Thông qua nhiều dự án thực hành, bạn sẽ được học cấp tốc về NestJS - một framework backend, TypeORM, cùng với những kiến thức lý thuyết thiết yếu mà một nhà phát triển server nhất định phải biết.

      Cơ bản

      Cơ bản

      NestJS, TypeORM, PostgreSQL

      Backend 101 dành cho nhà phát triển Frontend (NestJS, TypeORM)Hình thu nhỏ khóa học

      Backend 101 dành cho nhà phát triển Frontend (NestJS, TypeORM)

      lopun

      1.164.107 ₫

      Cơ bản / NestJS, TypeORM, PostgreSQL, AWS, aws-rds

      4.9

      (15)

      200+
      [Hoàn thiện Full-stack] Clone 3 trang web với Supabase (Next.js 14)Hình thu nhỏ khóa học

      [Hoàn thiện Full-stack] Clone 3 trang web với Supabase (Next.js 14)

      lopun

      2.089.422 ₫

      Cơ bản / Next.js, supabase, TailwindCSS, react-query, Firebase

      4.8

      (57)

      800+

      Supabase sẽ chắp cánh cho việc phát triển Full-stack của bạn! Thông qua 3 dự án clone, bạn sẽ được học cấp tốc cách phát triển Full-stack cấp độ thực tế với Next.js 14 và Supabase.

      Cơ bản

      Cơ bản

      Next.js, supabase, TailwindCSS

      [Hoàn thiện Full-stack] Clone 3 trang web với Supabase (Next.js 14)Hình thu nhỏ khóa học

      [Hoàn thiện Full-stack] Clone 3 trang web với Supabase (Next.js 14)

      lopun

      2.089.422 ₫

      Cơ bản / Next.js, supabase, TailwindCSS, react-query, Firebase

      4.8

      (57)

      800+

      6.895.092 ₫