
Building a Fire Detection System with Next.js and YOLOv11
ludgi
$8.80
Basic / Next.js, yolo, Python, FastAPI, React
3.8
(6)
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.
59 learners
Level Intermediate
Course period Unlimited
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
Implementing Database Design and Development with Prisma
MVP Solution Implementation with Next.js · Flutter · AWS · Supabase · Prisma with Elevenlabs
An online course platform is not just a simple website.
It's a complex system that includes membership 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, while studying SEO-friendly structures.
Flutter: Develop iOS and Android apps at once, and seamlessly integrate with LMS through web views.
Supabase: Easily configure database, authentication, and API backend, and combine with Firebase to complete a notification system.
AWS: Experience actual service deployment and operations using CloudFront, S3, Route53, and more.
Prisma: A next-generation ORM that provides type safety and automated migrations, enabling intuitive and productive database management.
💡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.
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.
Complete MVP Solution: Build an Inflearn-level LMS MVP using cutting-edge technologies like Next.js, Flutter, Supabase, AWS, and Firebase.
Including app deployment: We don't stop at web service creation, but also 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 core elements essential 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 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.

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 our 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 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
You'll be able to develop and deploy both web and mobile apps simultaneously using Next.js and Flutter.
Integrate Supabase with Firebase (FCM) to directly implement authentication, notifications, and data management.
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, 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.
Beyond simple screen implementation, you'll learn how to build SEO-friendly frontends utilizing server-side rendering and static page generation.
Handle databases efficiently through intuitive schema-based development and automatic migration, and implement secure backend logic by combining with TypeScript.
Create iOS/Android apps simultaneously with a single codebase and cover the process of extending LMS functionality to mobile apps through webview.
Sign up, login, and social login - implement the entire authentication flow with Supabase, and experience 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 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.
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.
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.
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.
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 (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
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.
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.
🚀 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.
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
651
Learners
30
Reviews
8
Answers
3.8
Rating
9
Courses
Hello, I am the CEO of Ludge Co., Ltd.
I have carried out projects across various sectors, including startups, the financial industry, and public institutions, and
I have gained experience not only in development but also in directly operating services.
Through these experiences, I have developed the ability to solve problems and complete projects by collaborating with team members and freelancers. In particular, going beyond the role of a simple developer, I have...
In this process, I have cultivated the ability to solve problems and complete projects by collaborating with team members and freelancers.
In particular, I believe I can be of even greater help to those who have a dream of running their own service, going beyond just the role of a developer.
I look forward to growing together as we experience the joy of completion and a sense of accomplishment. Thank you.
All
44 lectures ∙ (9hr 11min)
Course Materials:
All
2 reviews
Check out other courses by the instructor!
Explore other courses in the same field!
$59.40