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

💡Practical LMS MVP Project: Learning Through Inflearn Clone Coding

• In this course, we will directly implement an online course platform (LMS) like Inflearn at an MVP level using nextjs, Flutter, supabase, AWS, Prisma.

• Rather than simply copying code, you'll experience the entire process of completing a service, including social login, payment, notifications (FCM), multilingual dubbing, and app deployment.

• This course is useful for freelancers, early-stage startup members, or business representatives preparing an LMS, and provides an opportunity to secure a draft of an actual working project.

💡 Key Features and Differentiators

• Flow-centered lectures: Rather than simply focusing on implementing specific features, you'll learn by following the entire service flow from web → app → server → deployment.

• Real-world Environment Replication: We cover the exact same stack frequently used in actual freelance and startup environments, including Next.js, Flutter, Supabase, AWS, Firebase, Vercel, and more.

• Complete MVP Solution: Build an LMS platform like Inflearn directly at the MVP level, making it immediately usable as a portfolio or internal project draft.

• Including App Deployment: Covers the entire process from iOS/Android app packaging, store review, to deployment - aspects commonly omitted in other courses.

• Explanations that even non-developers can understand: We have balanced theory and practice so that not only freelancers and developers, but also startup CEOs, planners, and PMs can grasp the flow.

• Visual materials and hands-on practice focused: Maximize understanding by utilizing architecture diagrams, deployment process captures, and actual execution screens.

💡Students who need this course

• Those whose portfolio is at a simple clone coding level and want to experience projects closer to actual services

• Those who want to take on freelance project requests but feel anxious because they haven't experienced the entire MVP flow

• Someone who is in a startup and needs to validate ideas, but is in a situation where they need to quickly build both web and app simultaneously

• Someone who knows web development but has never experienced app deployment and store review processes

• I'm preparing an LMS platform (like services such as Inflearn), and I'm a CEO/planner who needs to create the initial version myself since there's no development team

💡Changes you can achieve by taking this course

• You'll be able to understand and build the entire service flow, not just simple clone coding.

• You can add practical-level project experience using Next.js, Flutter, Supabase, AWS, Firebase, prisma to your portfolio.

• You'll develop both web and app simultaneously, gaining confidence through direct experience with store deployment.

• You'll develop practical skills that can be immediately applied in the workplace by directly implementing features like social login, push notifications, payment integration, and multilingual dubbing.

• You can secure practical skills to propose and execute MVP drafts in startup or freelancer environments.

• You can develop a service operation mindset rather than fragmented technical skills, allowing you to view projects from a bigger picture perspective.

Practice Environment

• The course will be conducted using a mix of Windows and MacOS.

  • General web/app development and deployment preparation can be followed without any issues in a Windows environment.

  • iOS app build and App Store distribution process requires a MacOS + Xcode environment. (Apple developer account required)

• We use VS Code as our primary development tool, and additionally utilize Android Studio and Xcode.

• You need to install Node.js, npm, Flutter SDK, and environment setup for each operating system will be guided in the course.

Cloud and Service Accounts

• Supabase, Firebase, AWS, Vercel, Toss Payments accounts are required.

• Most of the practice can be done with free tiers, but some services may require card registration.

Prior knowledge

• Having a basic understanding of HTML, CSS, and JavaScript will make it easier.

• If you have experience working with React or Flutter even once, your learning speed will be faster.

Learning Materials

• We provide project files (compressed files) tailored to the progress of each section.

• In the latter part of the lecture and the wrap-up stage, we share the GitHub repository address so you can view the entire code at a glance and clone it directly.

• Additionally, lecture content summaries are provided via Notion links, which you can use to review the practical workflow or as reference materials.

Prerequisites and Precautions

• This course is not a basic grammar course. It is intended for those who have already learned the fundamentals such as HTML, CSS, JavaScript, React/Flutter.

• It's suitable for those who have experience with small toy projects or clone coding but are experiencing the entire service flow (login → payment → deployment) for the first time.

• You can follow along smoothly if you know Git/GitHub and database basics (SQL or NoSQL).

• "Junior developers, aspiring freelancers, and early-stage startup members who don't have overall service development experience but want to learn practical workflows" will find this suitable.

Reference notes needed for course learning

1. Practice Environment

• Operating System (OS): Mixed use of Windows and macOS (Windows for general development, macOS + Xcode required for iOS app build and deployment)

• Tools Used: VS Code (free), Android Studio, Xcode (required for iOS deployment)

• Required Installation: Node.js, npm, Flutter SDK

• Recommended specifications: 8GB RAM or higher, stable internet environment

2. Learning Materials

• Mid-course stage: Project file compression (zip) provided

• Course completion stage: GitHub repository URL sharing (full code review and cloning available)

• Additional reference: Lecture summaries/notes are provided via Notion links

3. Prerequisites and Important Notes

• This course is not a basic concepts course. It is intended for those who have already learned basic syntax such as HTML, CSS, JavaScript, etc.

• It will be easier if you have simple project experience with React or Flutter.

• It would be helpful to have basic knowledge of Git/GitHub usage and database (SQL/NoSQL) fundamentals.

• While you may not have experience building complete services, this is suitable for junior developers, aspiring freelancers, and early-stage startup members who want to learn the practical workflow and deployment process.

Conclusion

• 🚀 Let's go beyond the basics we've learned so far and experience the practical workflow together. If you complete it to the end, you'll definitely meet a more grown version of yourself!

• 💡 It's time to move beyond small toy projects and experience building an entire real service. Please follow along enjoyably to the end.

• 👩‍💻 Even projects that seemed overwhelming when tackled alone can now be completed from start to finish through this course. Let's take on the challenge together!

• 🙌 Even if it looks difficult, if you build it up one by one, it will eventually be completed. I hope this course becomes the catalyst that opens your next step.