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

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

NestJS, the fastest way to help you get started with backend development! Through various hands-on projects, you will quickly learn the backend framework NestJS, TypeORM, and the essential theoretical knowledge that every server developer must know.

🔥 This is a practical full-stack course where you will implement the knowledge-sharer features from scratch, from course registration to video uploading. Using Next.js 15 and NestJS, you will follow the actual Inflearn workflow—creating courses, organizing curriculums, uploading thumbnails and videos, and writing detailed descriptions—while gaining hands-on experience in Prisma modeling, JWT authentication, S3 + CloudFront uploading, and Swagger API design.

Supabase, the wings for your full-stack development! Through three clone projects, you will quickly learn how to perform professional-level full-stack development using Next.js 14 and Supabase.

🔥 This is a practical full-stack course where you will implement the knowledge-sharer features from scratch, from course registration to video uploading. Using Next.js 15 and NestJS, you will follow the actual Inflearn workflow—creating courses, organizing curriculums, uploading thumbnails and videos, and writing detailed descriptions—while gaining hands-on experience in Prisma modeling, JWT authentication, S3 + CloudFront uploading, and Swagger API design.

Have you ever thought about building a 'real system' beyond simply rendering screens? The real problem many developers commonly face is something else entirely. It's the limitation of a 'fake full-stack'—where things look plausible on the surface, but data synchronization frequently tangles, speed is frustrating, and you lose track of where to even start when just a few features are added. This isn't a problem that can be solved by simply memorizing one more Next.js feature. This course will resolve that frustration from the roots. Encyclopedia-style classes that just list features are boring, aren't they? Instead, we have tightly integrated the fundamental principles of Computer Science (CS) with the advanced architecture of Next.js. We will directly transplant into your fingertips the enterprise-level design skills required to flexibly withstand millions of visitors and maintain perfect data consistency.

Firebase's SQL version! You can master the basics of Next.js full-stack development through Supabase!

Based on hospital and plastic surgery website development projects that repeatedly appear in the actual outsourcing market, this course is designed to help you build a practical website and admin system that can actually win contracts, rather than just simple examples. This course doesn't just end with making a website. Using AI coding tools and Next.js, you will complete a hospital website mockup project and use it as a portfolio on actual outsourcing platforms to learn the entire process—from selecting projects, proposing, and bidding to writing quotes. The following will be implemented based on Next.js: - Hospital and plastic surgery website development - Building main pages and service detail pages - Building an Admin CMS - Blog content management - Consultation inquiry system - Attachment upload and inquiry response structure - Login and permission handling - Admin pages and RBAC structure - Multi-language support - SEO optimization - Sitemap, RSS, OG image, and favicon configuration - GA4 & GTM setup - Deployment, domain, and subdomain integration - Maintainable project structure Furthermore, it doesn't just explain development: - How the hospital outsourcing market works - Which hospital website projects you should choose - What customers actually consider important - Why hospital websites are constantly being renewed - How to create mockup projects that help win contracts - How to apply and bid on outsourcing platforms - What criteria to use when writing quotes - How to register and showcase your portfolio - What problems frequently occur during outsourcing - How to design for maintenance and additional development We share these types of realistic, practical experiences. The goal of this course is not to complete a simple CRUD example. It is to experience the entire flow of a practical project—creating a hospital website portfolio that can actually be used for outsourcing proposals, presenting a structure and quote that is convincing to customers, and considering delivery and maintenance. This is a practical full-course lecture for those who want to increase development speed using AI coding while simultaneously raising the quality of the output and the possibility of winning outsourcing contracts.

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

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.

The Next.js 15 App Router is a powerful architecture for building high-performance web services by perfectly controlling the boundary between server and client. This course clearly connects complex rendering mechanisms—from the operating principles of React Server Components (RSC) to the three major caching strategies (Static, Dynamic, and ISR)—through 12 practical missions. Through this, you will gain the ability to design file-system routing and nested layouts according to business requirements, completely breaking free from the anxiety of "vibe coding" where you copy code without understanding the principles. Ultimately, you will evolve into a Next.js architect who can instantly spot the blind spots in AI-generated code and proactively direct the optimal structure.

"Next.js Master Class: Part 3 - Completing Real-World Architecture" goes beyond tutorial-level projects that only run locally; it is a guide to designing "real production" architectures capable of handling massive traffic. It covers all the core technologies used in the industry, from flawless state synchronization combining TanStack Query and Zustand, to Turbopack-based bundle optimization under 100KB, advanced SEO injection, and building ironclad full-stack security networks using proxies and JWT sessions. I strongly recommend this course to those who want to overcome tedious hydration errors and CORS barriers on their own, moving beyond being a simple coder to becoming a "Senior Architect" who commands the entire frontend system.

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.

AI is no longer a choice, but a matter of survival. Shorten development tasks that used to take 3 days down to 30 minutes; leave repetitive tasks to AI and focus on solving more important problems. Through AI-native development methods that are practical rather than theoretical, we will show you the definitive way to be recognized as an "AI-savvy developer" at your company.

mongoDB, NoSQL You hear a lot these days, but is it still an unfamiliar database? Aren't you using it like a relational database (RDS/SQL)? No matter how good the technology is, if it's not used correctly, it will have the opposite effect. That's why we often see cases of failure in using MongoDB. This lecture will teach you everything from basic concepts to practical know-how so that you can use MongoDB as MongoDB-like as possible.

NestJS, the fastest way to help you get started with backend development! Through various hands-on projects, you will quickly learn the backend framework NestJS, TypeORM, and the essential theoretical knowledge that every server developer must know.

I have created an 'AWS Intermediate/Practical' course that is easy to understand even for non-majors and can be applied immediately in the field!

Prisma ORM is a highly productive tool, but in practice, you must consider more than just simple CRUD—including schema design, relation structures, state value design, transactions, migration management, and query performance. This course is not an introductory manual that simply lists Prisma syntax; it is a practical guide summarizing how NestJS backend developers should design and operate Prisma in real-world scenarios. It is specifically designed for those who have learned the basics by reading the official documentation but feel uncertain about the criteria for dividing models, when to use transactions, or how to apply migrations safely in actual projects. Through this course, students will go beyond using Prisma as just a "convenient ORM" and learn how to design schemas optimized for maintenance, while establishing standards to avoid common real-world issues in advance.

A portfolio-focused course on deploying a React frontend and Spring Boot backend directly to the AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects for their portfolio. You will gain the necessary knowledge for deployment through short-term, step-by-step practice, covering everything from server configuration to Docker, domain connection, Nginx, and HTTPS application!

You may have felt frustrated using Redis without being able to explain why it should be designed that way or why certain patterns emerged. Through my experience in both practical development and as an interviewer, I have treated Redis not just as a simple cache, but as a core component that determines service stability and scalability. This course is not about memorizing commands; instead, I will share my experiences on which structures to choose in real traffic environments and their trade-offs, helping you establish the criteria to explain these concepts confidently in both interviews and practical work.

The most definitive practical guide for job seekers and junior developers new to CI/CD automation! You will perfectly master everything from building CI/CD pipelines using Jenkins to creating production-level automated deployment environments integrated with AWS infrastructure (S3, ECS).

💸 A profitable AI agent web service course where real payments happen! ❗ Stop making websites just for your portfolio and build an <AI Commentary Product Mall> with 'infinite inventory and zero cost'! 🤖 Build a solid foundation starting from the 'service specification' with your AI development team members, just like working with a human development team!

You will learn the process of developing and launching your own restaurant record app using React Native. I have prepared the entire process, from design to front-end and back-end development, and deployment.

Based on the experience of wondering how facial recognition works in offline environments on-site, this course will guide you through building the basic structure of a facial recognition-based access and attendance management system using React + Electron and Python's FastAPI-based DeepFace. Rather than focusing on perfection, we focus on understanding the operating principles and laying the foundation for you to expand into your own personal projects.