Inflearn Clone Coding Part 2: From Enrollment to Deployment, Building the Real Inflearn

🔥 This is a practical full-stack course where you implement the entire journey a student experiences, from browsing lectures to payment and deployment. You will build everything yourself—including lecture search, detail pages, enrollment, video playback, reviews and Q&A, shopping carts, actual payments, "continue watching" features, and Docker + AWS deployment—to master user flows and architectural design close to real-world services and complete a high-level full-stack experience.

(4.9) 8 reviews

167 learners

Level Intermediate

Course period Unlimited

AWS
AWS
Docker
Docker
Next.js
Next.js
NestJS
NestJS
Prisma
Prisma
AWS
AWS
Docker
Docker
Next.js
Next.js
NestJS
NestJS
Prisma
Prisma

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

조내일

100% enrolled

Following Part 1, I've finally completed Part 2! In this Part 2 lecture, technologies I was always curious about (such as video player implementation, shopping cart, payment processing, Sentry integration, etc.) were naturally explained with actual code, which was truly enjoyable and beneficial. As a junior developer, there were many parts I could immediately apply to actual work, and I also enjoyed learning by following along :) The lecture explained the design intentions and reasons for choices, allowing me to go beyond simply typing along and truly "implement with understanding." Thank you for creating such a great lecture! I look forward to your next one 🙌

5.0

5undaye

45% enrolled

I'm watching Part 2 lectures following Part 1 lectures and they are very helpful. I'm working as a frontend developer, but learning about backend content makes it easier to understand the overall flow. Thank you for providing such good lectures.

5.0

cafe small house

100% enrolled

I personally think this is a really great course. You can understand how the frontend is structured using Cursor, build a backend with a decent scale, learn payment integration with PortOne that you can use in real work, and by completing the missions, you'll have filled out a portfolio piece before you know it. I think this course would be great for both those who already have some development experience and those who are just starting out.

What you will gain after the course

  • Latest Full-Stack Development Trends (Next.js 15, NestJS, Prisma)

  • Completion of "My Own Inflearn" platform, usable as a portfolio

  • Implementation of the entire user-centered learning system, from course discovery to enrollment, resuming lessons, and payment.

  • Creating professional-grade, stylish UIs with Shadcn UI + TailwindCSS + Cursor AI

  • Modeling a database with Prisma and designing a PostgreSQL-based structure

  • Practical deployment methods using AWS and Docker.

🚀

The first in Korea!

Next.js 15 + NestJS Full-Stack Clone Coding Course

✋ Wait! Recruitment for the 2nd Inflearn Clone Coding Challenge is underway
✅ Recruitment Period: 3/24 ~ 4/18
✅ 100% Refund for Top Graduates

https://inf.run/bkdbt


Through this course, you will


With the powerful full-stack combination of NextJS, NestJS and

Through the hot ORM, Prisma,

Enrollment, payment, and deployment all the way to completion

by building an Inflearn clone,

Grow into a full-stack developer with a solid foundation!

Stop just scratching the surface! Experience real full-stack development.”

Start your full-stack journey to complete everything from planning, development, to deployment with just one single course.

"Build an Inflearn-like platform close to real-world practice from scratch using the Next.js + NestJS combination."

🧩 Next.js + NestJS = The optimal single-language full-stack combination

In this course, based on this combination, we will implement the entire full-stack flow, including course registration, resuming videos, payment, and deployment.

Next.js 15 adds Server Components, App Router, and Server Actions to React-based projects, allowing you to handle everything from screen rendering to simple APIs within a single codebase.

NestJS is written in the same TypeScript, and thanks to its dependency injection and modular structure, it allows you to build a backend that is easy to maintain even as the team size grows.

Using the two frameworks together allows the UI and server to share a single type definition, reducing data inconsistencies and enabling developers to move between the frontend and backend without switching languages or toolsets.

💡 Introduction to Part 2

In this Part 2 course,

  • We will implement everything from the course list search to the detail page, favorites, and enrollment button.

  • Create a course page that includes watch time saving and resume playback features.

  • Design the course review and Q&A functions, and complete the knowledge sharer management UI.

  • Implement the actual payment flow through shopping cart, payment API, and PortOne (Toss Payments) integration.

  • Complete the project to an operational level with AWS EC2 deployment, HTTPS connection, and GitHub Actions automation.

Based on the project created in Part 1, we will add features such as course browsing, enrollment, shopping cart, and payments,
and finally complete it as a "real service that anyone can access" by finishing with AWS deployment.

The curriculum is designed so that the foundations built in Part 1 naturally lead into Part 2, allowing you to fully experience the entire full-stack process from design to operation by taking both parts consecutively .

🚀

In the Part 2 lecture,

You will actually complete the following results!


🥇 Implementing everything from course exploration to detail pages

  • Category and pagination based course search

  • Detailed page including star ratings and instructor information

  • Implementation of favorites and enrollment / shopping cart features


📺 Implementation of a course page that functions like a real-world application

  • Directly develop the video player component

  • Completion of watch time saving and resume playback functionality

  • Creating a custom play button mission included


📝 Building Course Reviews & Question Systems

  • Star-rating based course review list and creation UI

  • Completed the flow from writing/viewing/answering questions

  • Implement the admin page for knowledge sharers yourself


💳 Completion of actual payment flow

  • Directly design Shopping Cart · Payment API

  • PortOne server SDK and Toss Payments PG integration

  • From actual payment and exception handling to reflecting the learning list after payment


💻 From deployment and monitoring to infrastructure automation

  • Sentry integration, development of daily statistics batch jobs,
    and even in-memory caching for advanced learning

  • EC2 + Docker + Route53 deployment configuration

  • Complete CI/CD automation with GitHub Actions


🎯

I highly recommend it to these people!

Frontend developers who want to move beyond
simple To-Do apps and
create proper services

Job seekers and career changers who need a project that can be
used immediately as a portfolio

Solo developers who want to create a
real-world service like a
lecture platform

What you will learn in this class


Section 2
From course exploration to detailed pages, completing the pre-enrollment flow

Implement search functionality including category and pagination features, and create the course list screen and category search page.

The detail page displays both star ratings and instructor information, and the enrollment button is handled to behave differently depending on the login status and course type.

Section 3
Course Page with Watch Time Saving & Resume Playback

Video player components are created directly,
and even the resume playback logic and watch time saving are implemented.

On the backend, we design an API that stores and responds with course information, while on the
frontend, we configure a UI that operates based on viewing status and custom playback buttons to create a learning experience close to the actual Inflearn platform.

Section 4
Reviews and Q&A Features - Students & Knowledge Sharers

Students can leave star ratings and reviews,
and register questions to receive answers.

Knowledge sharers design UIs tailored to their respective roles so they can reply to course reviews or answer questions on the management page.

Section 5
From Shopping Cart to Payment: Developing the Full Purchase Flow

Add lectures to the cart and implement actual payments by integrating the PortOne SDK and Toss Payments.

Upon successful payment, it is automatically reflected in the learning list, and the user experience is completed by considering the entire payment flow and even exceptional situations.

Sections 6–7
Professional-level backend operation experience and actual deployment

Automatically collect daily statistics using NestJS's Cron feature, and improve response speeds for frequently called APIs using in-memory caching.

Integrate Sentry for real-time error monitoring
and personally configure a real-world deployment environment using EC2 · Docker · GitHub Actions · Route 53.

HTTPS and domain connection will also be practiced together.

📦 Part 1 and Part 2 are connected like this

This course is part of the 'Inflearn Clone Project' series.
Part 1 and Part 2 can be taken independently, but
taking them together allows you to complete a real service from planning to deployment.

Part 1

Instructor-focused features

Student-focused features

Lecture registration, curriculum organization, video upload

Part 2

Course browsing, enrollment, video streaming, payment, and deployment

JWT authentication, S3 upload, admin page configuration

Saving watch history, questions/reviews, payment API, EC2 deployment

🧑‍🎓

Through this class,
you can gain the following


1⃣ You will be able to design the project structure from start to finish on your own.

2⃣ You will develop the End-to-End power to implement the features necessary for a service.

3⃣ You can build the necessary infrastructure through AWS.

4⃣ You can build high-quality services by utilizing Cursor AI.

5⃣ You will gain the well-founded confidence that "I can build at least one service I want" on my own.

🧰

Curriculum Structure

A total of 7 sections, 14+ hours of content, 40+ lectures (lifetime updates)

GitHub example code and reference materials provided

The completed project can be used as a portfolio

🧩

Prerequisites

Typescript syntax basics, experience using React

Git, Node.js understanding

#Next.js #Nest.js #NextJS #NestJS #Fullstack #Fullstack #Jotai #ReactQuery #Prisma #PostgreSQL #CloneCoding #CloneCoding #Node.js #AWS #S3 #Cloudfront

Recommended for
these people

Who is this course right for?

  • No more blogs or to-do apps! A frontend developer who wants to implement an entire service from scratch.

  • Junior to mid-level developers who want to learn NestJS backend design through practical experience

  • Job seekers who need high-quality projects for career changes or portfolios

  • Practical-oriented students who want to master a real-world stack from A to Z with a single course

  • A practice-oriented developer who wants to personally implement a full-stack architecture based on Next.js + NestJS.

Need to know before starting?

  • Basic Syntax of HTML/CSS/JS

  • Basic experience using React

  • Understanding of REST API and Node.js

Hello
This is lopun

3,773

Learners

229

Reviews

64

Answers

4.9

Rating

8

Courses

🚀 “I will show you the entire process of building a real-world service using the trendiest tech stacks.”

I provide project-oriented practical lectures rather than theory, offering content that can be immediately helpful in the field.

  • (Current) Working at Naver/Kakao/Line/Coupang/Baemin

  • (Current) 7th-year Full-stack Developer

  • (Lecturing) Instructor at Sparta Coding Club

  • (Education) B.S. in Computer Science, Korea Advanced Institute of Science and Technology (KAIST)

More

Curriculum

All

44 lectures ∙ (14hr 11min)

Course Materials:

Published: 
Last updated: 

Reviews

All

8 reviews

4.9

8 reviews

  • dsp03136040님의 프로필 이미지
    dsp03136040

    Reviews 2

    Average Rating 4.0

    4

    31% enrolled

    There's a problem with the sound.

    • cafesmallhouse님의 프로필 이미지
      cafesmallhouse

      Reviews 12

      Average Rating 4.6

      5

      100% enrolled

      I personally think this is a really great course. You can understand how the frontend is structured using Cursor, build a backend with a decent scale, learn payment integration with PortOne that you can use in real work, and by completing the missions, you'll have filled out a portfolio piece before you know it. I think this course would be great for both those who already have some development experience and those who are just starting out.

      • tomorrowcho님의 프로필 이미지
        tomorrowcho

        Reviews 18

        Average Rating 4.8

        5

        100% enrolled

        Following Part 1, I've finally completed Part 2! In this Part 2 lecture, technologies I was always curious about (such as video player implementation, shopping cart, payment processing, Sentry integration, etc.) were naturally explained with actual code, which was truly enjoyable and beneficial. As a junior developer, there were many parts I could immediately apply to actual work, and I also enjoyed learning by following along :) The lecture explained the design intentions and reasons for choices, allowing me to go beyond simply typing along and truly "implement with understanding." Thank you for creating such a great lecture! I look forward to your next one 🙌

        • pcdoomco6658님의 프로필 이미지
          pcdoomco6658

          Reviews 5

          Average Rating 5.0

          5

          7% enrolled

          I'll enjoy watching this!

          • yoonc017672님의 프로필 이미지
            yoonc017672

            Reviews 8

            Average Rating 5.0

            5

            31% enrolled

            lopun's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            $127.60