
Building a Fire Detection System with Next.js and YOLOv11
ludgi
Learn how to build a real-time fire detection system using Next.js, YOLOv11, and FastAPI.
Basic
Next.js, yolo, Python
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.
Understanding Business-Level LMS MVP Flow
Creating Integrated Web·App Projects with Next.js and Flutter
Implementing Backend and Notification System with Supabase and Firebase (FCM)
Learn Deployment Strategies Using AWS·Vercel·CloudFront·S3·Route53
Implementing Social Login (Google·Apple) from Scratch
Integrating Toss Payments Payment System
Experience Multilingual Auto-Dubbing with ElevenLabs
Learning iOS/Android App Store Distribution and Review Process
Learning Freelancer Practical Project Design and Management Flow
Experience creating practical solutions through Inflearn clone coding
MVP Solution Implementation with Next.js · Flutter · AWS · Supabase with Elevenlabs
An online course platform is not just a simple website.
It's a complex system that includes member registration, social login, payment processing, notifications, deployment, and multi-language support.
While many courses focus on just one specific technology, this course follows the entire service flow and provides an MVP solution that can be immediately applied in real-world scenarios.
Next.js: Learn to handle both web frontend and server-side rendering simultaneously, and study SEO-friendly structures.
Flutter: Develop iOS and Android apps at once, and seamlessly integrate with LMS through webview.
Supabase: Easily configure database, authentication, and API backend, and combine with Firebase to complete the notification system.
AWS: Experience actual service deployment and operation using CloudFront, S3, Route53, and more.
💡Practical LMS MVP Project: Learn by Clone Coding Inflearn
In this course, we will directly implement an online course platform (LMS) like Inflearn at an MVP level using nextjs, Flutter, supabase, and AWS.
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 owners preparing LMS, and provides an opportunity to secure a draft of an actual working project.
Practical workflow-focused: Rather than simply following along with code, you'll experience the end-to-end flow of how actual services are planned and deployed.
MVP Solution Completion: Build an Inflearn-level LMS MVP hands-on using cutting-edge stacks including Next.js, Flutter, Supabase, AWS, Firebase, and more.
Including app deployment: Goes beyond just creating web services to cover iOS/Android app packaging, store review, and deployment processes.
Tailored for Freelancers & Startups: We provide immediately applicable results for real-world use, such as freelancer portfolio creation and startup initial MVP validation.
Emphasizing Configuration and Flow Over Code: Covers essential elements needed for service operation such as Firebase setup, AWS infrastructure configuration, payment integration, and multilingual automatic dubbing.
Rich reference materials: Architecture diagrams, deployment process captures, actual app screens, and other visual-centered explanations help enhance understanding.
💡 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 Reproduction: 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 at MVP level from scratch, making it immediately usable as a portfolio piece or internal project prototype.
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've 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: Maximizes understanding by utilizing architecture diagrams, deployment process captures, and actual execution screens.
I want to become a freelance developer.
People who want to experience actual project workflows and use them for their portfolio.
We need to quickly build an MVP at a startup.
Someone who wants to directly implement an initial version to validate their idea
I want to know the app deployment process
For those who want to directly experience iOS/Android store review and deployment
💡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 receive 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), but as a CEO/planner without a development team, I need to create the initial version myself
You'll be able to develop and deploy both web and mobile apps simultaneously using Next.js and Flutter.
You can directly implement authentication, notifications, and data management by integrating Supabase with Firebase (FCM).
You can understand the deployment process using AWS and Vercel and configure an actual service operating environment.
You can practice social login and payment system (Toss Payments) integration and apply it directly to real-world projects.
You can experience iOS/Android app packaging and store review processes and deploy services to actual users.
You can design a platform with global services in mind through multilingual automatic dubbing (ElevenLabs) implementation.
You can secure an actual Inflearn-level LMS MVP draft to use in your portfolio or startup validation phase.
💡Changes you can achieve by taking this course
You'll be able to understand and build the entire service flow of an actual service, not just simple clone coding.
You can add professional-level project experience using Next.js, Flutter, Supabase, AWS, Firebase to your portfolio.
You'll develop both web and apps simultaneously, and gain confidence by directly experiencing 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.
Beyond simple screen implementation, learn how to build SEO-friendly frontends utilizing server-side rendering and static page generation.
Create iOS/Android apps simultaneously with a single codebase and cover the process of extending LMS functionality to mobile apps through webviews.
Sign up, login, and social login - implementing the entire authentication flow with Supabase, and experiencing a structure close to actual service operations by utilizing databases and storage.
Learn how to implement push notifications using Firebase Cloud Messaging (FCM) and apply real-time features to your project.
Learn how to configure and manage actual service deployment and operational environments using AWS S3, CloudFront, Route53, SES, and Vercel.
Learn how to automatically convert lectures into multiple languages using AI-based dubbing tools and explore the possibilities for expanding into global services.
We will directly implement payment functionality that is frequently required in real-world applications. Through the Toss Payments integration process, you can build a secure payment flow.
Experience packaging apps using Xcode and Android Studio, and go through the iOS App Store / Google Play Store review process to actual release.
The lectures 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.
Supabase, Firebase, AWS, Vercel, Toss Payments accounts are required.
Most services can be practiced with free tiers, but some services may require card registration.
It will be easier if you have a basic understanding of HTML, CSS, and JavaScript.
If you have experience working with React or Flutter even once, your learning speed will be faster.
Each section provides project files (compressed files) tailored to the progress of that section.
In the latter part of the lecture and 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 through Notion links, which you can use to review the practice flow or as reference materials.
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.
Operating System (OS): Mixed use of Windows and macOS (General development on Windows, iOS app build and deployment requires macOS + Xcode)
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
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
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.
It's suitable for junior developers, aspiring freelancers, and early-stage startup members who don't have overall service development experience but want to learn the practical workflow and deployment process.
🚀 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 go beyond small toy projects and experience building an entire real service. Please enjoy following along 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, building it up one step at a time will eventually lead to completion. I hope this course becomes the catalyst that opens your next stage.
Who is this course right for?
Someone who is preparing for or currently working on practical projects as a freelancer
Those who want to quickly build an MVP as an early startup member
A solo developer who wants to handle both web and app development while experiencing the full deployment process
Those who want to learn actual service workflows rather than simple basic lectures
Those who want to learn actual service workflows (those interested in the overall process rather than code)
Business owners or planners preparing to build an online lecture platform (LMS)
Entrepreneurs/CEOs who want to communicate with development teams and refine their initial drafts, even without extensive development knowledge
PMs, planners, or non-developer professionals who need to lead collaboration with freelancers
Need to know before starting?
Basic knowledge of HTML, CSS, JavaScript
It will be easier if you have basic experience with React or Flutter
Basic project management experience using Git/GitHub
Even if you're a CEO/planner who doesn't have deep understanding of development itself, you can still create concrete initial drafts of MVPs needed for project progress
491
Learners
21
Reviews
8
Answers
4.2
Rating
8
Courses
안녕하세요, 주식회사 럿지의 대표입니다.
저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,
개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.
이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.
특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.
완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.
All
44 lectures ∙ (9hr 11min)
Course Materials:
Limited time deal ends in 8 days
$66.00
70%
$220.00
Check out other courses by the instructor!
Explore other courses in the same field!