BEST

Inflearn Clone Coding Part 1: Hands-on Project Starting with Next.js and NestJS

Name: Inflearn Clone Coding Part 1: Hands-on Project Starting with Next.js and NestJS
Price: 115500 KRW
Rating: 4.8 (36 reviews)

🔥 From course registration to video uploads, this is a hands-on full-stack course that implements knowledge creator features just like the real thing. Using Next.js 15 and NestJS, you'll build course creation, curriculum composition, thumbnail and video uploads, and detailed description writing following the actual Inflearn workflow, gaining near-professional experience with Prisma modeling, JWT authentication, S3 + CloudFront uploads, Swagger API design, and more.

(4.8) 36 reviews

319 learners

Level Intermediate

Course period Unlimited

lopun

실습 중심

인프런

AWS

Docker

Next.js

NestJS

Prisma

실습 중심

인프런

AWS

Docker

Next.js

NestJS

Prisma

Reviews from Early Learners

What you will gain after the course

Latest Full-Stack Development Trends (Next.js 15, NestJS, Prisma)
Complete your own 'My Inflearn' platform that can be used as a portfolio
Development of overall real service features including course registration, editing, video upload, and curriculum editing
Creating Professional-Level Sophisticated UI with Shadcn UI + TailwindCSS + Cursor AI
Swagger + OpenAPI-based Automated Backend Call Structure Configuration
Modeling Database with Prisma and Designing PostgreSQL-based Structure
Building a Streaming Upload System Based on S3 + CloudFront

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

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 dependency injection and modular architecture, you can build a backend that remains easy to maintain even as your team grows larger.

When using both frameworks together, the UI and server share a single type definition, reducing data inconsistencies, and developers can switch between frontend and backend without changing languages or toolsets.

🤔 Why "Inflearn Clone Project"?

It's difficult to properly experience a full-stack cycle with small example apps. With just a blog that only has login functionality or a todo list, you can't truly feel "how real services actually work."

So I decided to create a mini Inflearn that directly adopts Inflearn's core workflow.
By directly implementing the process from member management to course registration, curriculum editing, and uploading videos to S3 then streaming through CloudFront, you'll experience design → authentication → media processing → permission management all at once.

💡 Part 1 Introduction

In this Part 1 course

Frontend and backend project setup in progress (Next.js 15 · NestJS · Prisma · Docker)
After implementing JWT authentication using Auth.js
Knowledge Sharer Features (course management, curriculum management, detail page creation, video·thumbnail upload) are completed.
TailwindCSS · ShadcnUI, Cursor AI are utilized to quickly handle styling, allowing you to focus on actual logic and full-stack experience.
Upon completing the course, you'll have "a platform capable of uploading lectures and streaming" in your hands, and you'll naturally acquire full-stack capabilities spanning from data modeling to cloud streaming.

Part 2 builds upon this foundation by adding course search, enrollment, reviews, and Q&A features, and finally completes the project with AWS deploymentA real service that anyone can access" to complete it.

The curriculum is designed so that the foundation built in Part 1 naturally connects to Part 2, allowing you to fully experience the complete full-stack process from design to operationentire full-stack journey when taking both parts consecutively.

Recommended for
these people

Who is this course right for?

Stop with blogs and todo apps! Frontend developers who want to implement entire services from scratch
Junior to mid-level developers who want to learn NestJS backend design through hands-on practice
Job seekers who need high-quality projects for career transitions and portfolios
Students who want to learn practical stacks from A to Z through a single course and are oriented toward real-world application
Practical-oriented students who want to learn single-language-based full-stack architecture from start to finish

Need to know before starting?

HTML/CSS/JS Basic Syntax
React Basic Usage Experience
Understanding REST API and Node.js

Hello
This is

3,686

Learners

214

Reviews

Answers

4.9

Rating

Courses

🚀 “핫한 스택으로 실전 서비스를 만드는 과정을 숨김없이 보여드립니다.”

이론보다는 프로젝트 위주의 실무 강의로 현업에 바로 도움이 될 수 있는 내용을 제공합니다.

(현) 네카라쿠배 재직
(현) 7년차 풀스택 개발
(강의) 스파르타 코딩클럽 강사
(교육) 한국과학기술원(KAIST) 전산학과 졸업

Curriculum

All

55 lectures ∙ (14hr 42min)

Course Materials:

Mission

Section 1. Course Introduction and Development Environment Setup

3 lectures ∙ (23min)

1. Course Introduction Part 1
10:37
2. Course Introduction Part 2
03:58
3. Initial Setup - Cursor, Git, fnm, Typescript
08:34

Section 2. Explanation of Techniques Used in the Lecture & Fundamentals Lecture

14 lectures ∙ (3hr 6min)

4. Introduction
02:23
5. Next.js - Part 1. Strengthening the Basics
18:09
6. Next.js - Part 2. Metadata, Server Action
13:21
7. Tailwindcss Introduction and Basic Syntax Tutorial
19:39
8. Jotai Intro and Basic Syntax Lesson
11:09
9. Introduction to React Query and Basic Syntax Course (Upcoming update)
22:12
10. Using AI for UI Styling (Cursor AI)
10:24
11. NestJS - What is NestJS?
08:25
12. NestJS - IoC (Inversion of Control) and DI (Dependency Injection) Explanation
07:15
13. NestJS - Creating the First NestJS Project
09:43
14. NestJS - NestJS Structure (Module, Controller, Service)
13:58
15. NestJS - Blog Post API Implementation (Module, Controller, Service, DTO)
18:58
16. Prisma Usage and Grammar Lecture
13:06
17. Docker Concepts and Usage, Spinning up PostgreSQL
17:33

Section 3. Backend & Frontend Setting

3 lectures ∙ (25min)

18. [BE] Project Setup (Nest.js, Prisma, Docker)
15:35
19. [FE] Project Setup (Next.js, Prisma, Shadcn-ui, Auth.js, Tailwind, Jotai, React-Query)
09:51
🧱 Mission 1. First Next.js, NestJS server authentication

Section 4. Authentication System Implementation

8 lectures ∙ (1hr 47min)

Section 5. Product Planning & Initial Data Setup

5 lectures ∙ (1hr 3min)

Section 6. Lecture Creation Function (Knowledge Sharer Role)

21 lectures ∙ (7hr 54min)

Section 7. Concluding

1 lectures ∙ (3min)

Published:

Last updated:

Reviews

All

36 reviews

4.8

36 reviews

nochikk
Reviews 9
∙
Average Rating 5.0
Edited
5
100% enrolled
I am currently a frontend developer and had been wanting to try backend development as well. Remembering the positive experience I had with Ropan-nim's Next.js full-stack course, I decided to enroll in this one. Personally, I had wanted to create a site like Inflearn and had even officially inquired if I could crawl Inflearn's course data, but it was rejected. It seems I was able to fulfill that wish through this course. As someone new to Nest.js, this course helped me grasp how a project could be structured if I were to develop one. Because it also included a planning section titled "Exploring the Inflearn Product," I think I was able to contemplate the architecture and structure. Although it's a bit disappointing that deployment isn't included in Part 1, if Part 2 comes out quickly, I'd like to have a complete portfolio including deployment 😊😊.
- lopun
  Instructor
  Chihyun, thank you so much for your thoughtful course review! I'm happy to hear that this course helped you realize your wish of wanting to build a site like Inflearn yourself, even just a little bit 😊😊 You mentioned you were new to Nest.js, but it's rewarding from the course creator's perspective that you were able to understand the structure and get the hang of it! As you mentioned, I understand you might have felt a bit disappointed that deployment wasn't included in Part1. I'll do my best to prepare well so that you can build a more complete portfolio with deployment in Part2. Please look forward to it! 😊 Thank you once again for your valuable course review!
upustream6450
Reviews 3
∙
Average Rating 5.0
5
71% enrolled
I purchased both Part1 and Part2 together. As a working professional, I'm currently exploring technologies to introduce to my company and need to implement technologies using nest and next frameworks. Through the lectures, I'm learning about various technologies and applying them. The flow is good, and rather than being a project that somehow just works with whatever libraries, I think it's a configuration that directly impacts efficient development/management/operations, so the lecture gets a million points out of a perfect score. Thank you for the excellent lecture. But teacher... We students don't know what you know, which is why we want to learn and are taking the lectures... This lecture is not beginner level... Most students probably think "What on earth am I supposed to look at?" even when looking at official documentation... because we don't know much...😊 When you suddenly say "I'll delete this part because this part replaces that part," most students have to think for a long time about what "this part" and "that part" actually are, and it seems they feel great difficulty in figuring it out... Your lectures are good. You're providing everything I need and everything I want. Just... just a little bit, a very little bit. I would be grateful if you could think of us as "poor potatoes" who can't even breathe on our own yet.
- lopun
  Instructor
  Thank you for leaving such great feedback! I'll work hard to reflect your suggestions so that beginners can follow along more easily :) If you have any questions or get stuck on anything, please feel free to reach out on Slack anytime. Fighting until you complete the course!
chanwoolee747485
Reviews 2
∙
Average Rating 5.0
Edited
5
100% enrolled
I am currently studying to become a frontend developer. Ро펀's previous supabase course was very helpful, which led me to take this clone coding course as well. When working on team projects, I would receive APIs from the backend team and write frontend code referencing Swagger. I was always curious about the data flow logic on the backend side, and this course was really beneficial as I could experience that flow firsthand. There were difficult parts as I encountered many new technologies like NestJS and Prisma for the first time. However, the instructor explained the latest technologies frequently used in practice very well, and the material was well-organized on Notion, making it easy to follow. The process of using various tools like Shadcn UI, TailwindCSS, and S3 was also interesting, and I learned many tips and know-how that can be immediately used in real work. Specifically, by directly implementing how the frontend and backend are connected and how the overall structure operates, my understanding of full-stack development has definitely increased. I recommend this course to anyone who wants to create a high-quality project that can be used for a portfolio, or those who want to learn practice-oriented full-stack development!
- lopun
  Instructor
  Thank you for your valuable course review, Chanwoo! I feel very rewarded that you found the lecture beneficial. 😊😊 Thank you for your hard work completing the course. I hope you have a happy day! :)
rach
Reviews 6
∙
Average Rating 5.0
Edited
5
100% enrolled
🎯 A course that allows frontend developers to easily learn the full-stack flow As I developed in frontend and felt the need for backend knowledge, I previously took the "Backend 101 for Frontend Developers" course. Since I was highly satisfied, I decided to take this course immediately afterwards. This course goes beyond simple feature implementation. It first covers the theory of the latest technology stack including Next.js 15, NestJS, Prisma, React Query, TailwindCSS, Cursor AI, and Jotai, making it suitable for beginners to follow. Implementing each feature while cloning a real service, I felt this course is highly appropriate for frontend developers who want to understand the backend flow together. Particularly impressive were: ✅ API implementation using Prisma and database modeling based on PostgreSQL ✅ Configuration of an automated backend call structure based on Swagger + OpenAPI ✅ Building a video streaming upload system based on AWS S3 + CloudFront There was a lot of specific implementation content at a level that can be directly used in practice. Furthermore, I was very satisfied with the learning environment as I could ask questions or get feedback on points I was curious about during learning via the Slack channel and receive answers. However, one drawback was that the video order was not smooth in some parts due to CKEditor related issues. It didn't affect the overall flow significantly, but it was a bit confusing. 👉 I highly recommend this course for those who want to gain project experience covering both frontend and backend. ⭐⭐⭐⭐⭐ Satisfied with practical sense, technology stack, and cloning target.
tomorrowcho
Reviews 15
∙
Average Rating 4.7
Edited
5
100% enrolled
Since it was based on Next.js, I could start comfortably, and although NestJS and Prisma were new, I found them interesting to work with. Because it's a clone project like a real service, I was satisfied that I could develop practical skills as well! I'm also looking forward to Part 2! 😊

Limited time deal ends in 4 days

$90.20

29%

$127.60

lopun's other courses

Check out other courses by the instructor!

[Fullstack Introduction] Supabase, 10x Better Than Firebase

lopun

Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

초급

PostgreSQL, Next.js, TailwindCSS

[Fullstack Introduction] Supabase, 10x Better Than Firebase

lopun

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

lopun

🔥 This is a practical full-stack course where you will directly implement the entire process a student experiences, from course enrollment to payment and deployment. By building everything yourself, including course exploration, detail pages, course registration, video viewing, reviews and questions, shopping cart and actual payment, continue watching, and Docker + AWS deployment, you will learn user flows and structural design similar to real services and complete an an advanced full-stack experience.

중급이상

AWS, Docker, Next.js

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

lopun

Backend 101 for Frontend Developers (NestJS, TypeORM)

lopun

NestJS: The fastest way to get into backend! Through various hands-on projects, you will quickly learn backend frameworks NestJS and TypeORM, as well as essential theoretical knowledge that server developers must know.

초급

NestJS, TypeORM, PostgreSQL

Backend 101 for Frontend Developers (NestJS, TypeORM)

lopun

[Fullstack Complete] Clone 3 websites with Supabase (Next.js 14)

lopun

Supabase: Giving Wings to Full-stack Development! Through 3 clone projects, you will quickly learn how to build practical-level full-stack applications using Next.js 14 and Supabase.

초급

Next.js, supabase, TailwindCSS

[Fullstack Complete] Clone 3 websites with Supabase (Next.js 14)

lopun

Similar courses

Explore other courses in the same field!

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

lopun

중급이상

AWS, Docker, Next.js

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

lopun

Inflearn Clone Coding All-in-One LMS Solution: Multilingual HLS Streaming-Based MVP Project Built with Next.js·Flutter·AWS·Supabase·Prisma

ludgi

This course is not just simple clone coding or a basic tutorial. By implementing an LMS (Learning Management System) platform like Inflearn from start to finish at an MVP level, it provides an all-in-one solution that freelancers, solo developers, and early-stage startup members can immediately apply in real-world projects. We cover the entire tech stack used in actual production environments at once: Next.js, Flutter, Supabase, Firebase (FCM), AWS, Vercel, Xcode, Android Studio, ElevenLabs, and Toss Payments. You'll experience the complete process of simultaneously developing web and mobile apps, including social login, automatic multilingual dubbing, HLS streaming-based lecture playback, payment integration, and deployment to the App Store and Play Store. This course focuses on the important workflows, configurations, and deployment processes that matter in real-world development, rather than detailed line-by-line coding. Therefore, it's suitable for developers looking to become independent freelancers, teams that need to quickly validate MVPs at startups, and junior developers who want to experience the full scope of real-world development.

중급이상

Flutter, AWS, supabase

Inflearn Clone Coding All-in-One LMS Solution: Multilingual HLS Streaming-Based MVP Project Built with Next.js·Flutter·AWS·Supabase·Prisma

ludgi

What if I had been on the Titanic?! Building an AI Web Service to Predict Survival Probability with PyTorch & Next.js

dakgangjung123

This course starts with the question "If I had been on the Titanic, could I have survived?" and completes a full-stack project that develops an AI model to predict survival probability based on actual data and serves it as a web service. You'll practice the entire process of AI and web development, from deep learning modeling using PyTorch, building a backend server with FastAPI, to implementing a user interface with Next.js.

중급이상

Python, Deep Learning(DL), PyTorch

What if I had been on the Titanic?! Building an AI Web Service to Predict Survival Probability with PyTorch & Next.js

dakgangjung123

Dipping into the Next.js Full Course (Korean Dubbed)

ludgi

A full course on Next.js you can sink your teeth into! Complete a real-world project using the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

중급이상

React, AWS, GraphQL

Dipping into the Next.js Full Course (Korean Dubbed)

ludgi

Developing Web Services with Flutter (1) - Responsive Web

sailingit

The best cross-platform Flutter, Develop for the Web with Flutter

초급

Flutter, dart, Responsive Web

Developing Web Services with Flutter (1) - Responsive Web

sailingit

Creating a Stable Profit-Generating Crypto Auto-Trading Bot - Grid Strategy Edition

codinggangsa

This is a profit-focused practical course where you develop a grid trading strategy coin automated trading system and apply it to real trading. It covers practical trading practice using the Upbit API and creating a 24-hour automated trading bot through cloud deployment, while explaining box range practical strategies.

입문

Python, AWS, Pandas

Creating a Stable Profit-Generating Crypto Auto-Trading Bot - Grid Strategy Edition

codinggangsa

Complete Real-world YouTube Clone Development with Next.js 15

antonio

In this 24-hour tutorial, you will learn how to build your own YouTube clone. We will cover advanced topics such as Next 15 and React 19 (including tRPC), prefetching in Server Components, utilizing Suspense in Client Components, video processing, background jobs, and AI features.

초급

Next.js, React, PostgreSQL

Complete Real-world YouTube Clone Development with Next.js 15

antonio

Docker Official Documentation, Finish in 3 Hours — Container Introduction for Juniors

codequokka

Docker, a technology stack used by over 20 million developers worldwide! We'll study Docker and container concepts, which have become essential technology stacks for countless developers, by following the official documentation! I think you might have been intimidated before even starting when looking at the thick Docker books among the technical documents available in the market. This course is structured with a solid curriculum focused on hands-on practice, highlighting core content based on Docker's official documentation. I promise that this course will help you quickly apply Docker in real-world scenarios! After completing the course, you'll be able to use Docker in various practical ways!

입문

Docker, docker-compose, docker-volume

Docker Official Documentation, Finish in 3 Hours — Container Introduction for Juniors

codequokka

SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners

ehtjd339667

A portfolio-focused course on directly deploying React frontend and SpringBoot backend to AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects to their portfolio! You'll be able to practice step-by-step in a short period the knowledge needed for deployment, from server setup to Docker, Domain connection, Nginx, and HTTPS implementation!

초급

React, Java, AWS

SpringBoot & React Portfolio Project: Hands-on AWS Service Deployment for Beginners

ehtjd339667

Bite-sized Next.js(v15)

winterlood

The 3rd work in the One Bite series! The world's most kind and detailed Next.js (15+) course. We'll explore not only App Router but also Page Router through projects.

초급

Next.js, React, TypeScript

Bite-sized Next.js(v15)

winterlood

[Renewal] Building a Restaurant Map App (React Native & NestJS)

Kyo

You'll learn the process of developing and launching your own restaurant recording app using React Native. We've prepared the entire process from design to front-end and back-end development, and deployment.

중급이상

React Native, TypeScript, NestJS

[Renewal] Building a Restaurant Map App (React Native & NestJS)

Kyo

Everything About Node.js

yongsoocho

All-in-one course: Master Node.js by building a solid foundation step-by-step from the basics 👍

초급

Node.js, AWS, PostgreSQL

Everything About Node.js

yongsoocho

A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment

ludgi

This is an introductory course to the front end using Next.js and Tailwind CSS. It is designed to complete static deployment without a backend, so even beginners can experience the satisfaction of completion.

입문

Next.js, TailwindCSS, aws-s3

A beginner's front-end project using React and Next.js: Complete with Tailwind CSS and static deployment

ludgi

Next YTMusic Clone Coding from the Basics (with next.js 14, UI Master)

dodocoding

Clone YoutubeMusic website with React, Next.JS 14, TailwindCss, RadixUI, Shadcn, and zustand. You can master the basics of web front-end with a focus on UI, starting from NextJS basics.!

초급

Next.js, React, TailwindCSS

Next YTMusic Clone Coding from the Basics (with next.js 14, UI Master)

dodocoding

Master All Backend Knowledge with Just One Course!

haeyeomiso

Backend Entry Worry: Over! From HTTP, API, DB basics to the latest tech (MSA, Docker, Cloud)! Backend development knowledge learned easily and systematically!

입문

Docker, REST API, DBMS/RDBMS

Master All Backend Knowledge with Just One Course!

haeyeomiso

Practical TypeScript Learning with Official Documentation

sowhatcoding

If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

입문

TypeScript, JavaScript, ES6

Practical TypeScript Learning with Official Documentation

sowhatcoding

The Trend is Kubernetes (Beginner to Intermediate Edition)

1pro

[Update 2025.04] Enhance your Kubernetes skills cost-effectively with theory and practice. Through this course, you too can easily jump on the bandwagon.

초급

Docker, Kubernetes, devops

The Trend is Kubernetes (Beginner to Intermediate Edition)

1pro

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

초급

NestJS, REST API, backend

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

Learning Web Development Concepts and Vibe Coding from Zero Base

jeyong

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

입문

React, Web Application, Next.js

Learning Web Development Concepts and Vibe Coding from Zero Base

jeyong

Hybrid App with Expo Framework to Increase Web Developer's Salary

codecamp

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

초급

React, Next.js, expo

Hybrid App with Expo Framework to Increase Web Developer's Salary

codecamp

Inflearn Clone Coding Part 1: Hands-on Project Starting with Next.js and NestJS

Reviews from Early Learners

What you will gain after the course

🚀

First in Korea!

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

Are you currently enrolled as a student at school?

🔗 Student Discount (-40%) Google Form Link 🔗

Through this course, you will

The powerful full-stack combination of NextJS, NestJS and

Through the hot ORM Prisma

Creating my own Inflearnwhile building it

Grow into a full-stack developer with solid fundamentals!

"No more dabbling! Experience real full-stack development."

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

🤔 Why "Inflearn Clone Project"?

💡 Part 1 Introduction

🚀

Everyone taking this course

You will actually complete such results

🥇 First in Korea! Complete Next.js 15 × NestJS Full-Stack Mastery

🧑🏻‍💻 Creating My Own "Mini Inflearn"

🎥 From Video Upload to Streaming

🎨Beautiful UI, Fast Development

🏠

All of this with production-level tech stack

Let's build it up solidly

Frontend

Backend · Infrastructure

🎯

I strongly recommend this for people like this!

✅

Here's what you'll learn in class

📦 Part 1 and Part 2 are connected like this

Part 1

Part 2

🧑‍🎓

Through this classyou can gain these things

🧰

Course Structure

🧩

Pre-Course Preparation

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

lopun's other courses

Similar courses

`Frontend`

`Backend · Infrastructure`

Through this class
you can gain these things

Recommended for
these people

Hello
This is