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

Learn how to build a real-time fire detection system using Next.js, YOLOv11, and FastAPI.

This is a practical project course on running Whisper locally and quickly developing an AI speech recognition app using FastAPI and Next.js. You'll implement real-time speech recognition and complete a project that can be used as a simple portfolio piece in a short amount of time.

This course is not about "Let's build something amazing with the latest technology," but rather the most practical web development beginner course that makes you feel "You can build it yourself with just a little knowledge." We'll create the basic structure with HTML and JavaScript, exchange data using Node.js and SQLite, and complete a simple web page with Next.js. We minimize complex configurations and difficult theories, and focus on getting a hands-on feel for web development flow by writing code that actually works. This course centers on 'hands-on experience' rather than just 'learning.' If you've touched code even a little bit, anyone can follow along and feel the satisfaction of completion.

Complete a company introduction landing page with hands-on vibe coding. Using Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP stack, proceed from design to deployment all at once. The key is "fast implementation + SEO foundation that performs well in search engines." 🏁 Course Objectives Landing creation → Performance optimization → SEO implementation → Deployment/Indexing Real-time coding (vibe coding) to immediately check completed sections Direct experience including search indexing 🛠️ Practice Stack Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, MCP workflow 🔍 SEO Practice Apply SEO optimization MD files provided by instructor Metadata, OG/Twitter cards, robots/sitemap, structured data (JSON-LD) Optional multilingual routing implementation 🎯 Final Product Responsive company introduction landing + contact form Target Lighthouse 95+ Vercel deployment followed by Search Console registration and indexing request 📚 What You'll Learn from This Course How to quickly compose hero/trust/features/FAQ sections Clean UI composition with shadcn/ui Form validation and basic conversion tracking point design Boosting SEO scores with structured data + multilingual routing Understanding the indexing process through Search Console after deployment 💡 Industry Insights (Course Bonus) Beyond just code implementation, we'll briefly cover marketing and exposure methods actually used in the real market. Realistic pricing ranges for advertising, blog posting, and comment work How outsourcing and contracting companies actually proceed with SEO and exposure work Cost/efficiency differences between direct developer participation and outsourcing Through this section, you can develop a sense of how technology is actually utilized in real industry work and what cost structures drive it, beyond just the technical aspects. One-Line Summary Following the flow of "implementation → optimization → deployment → indexing," learn the web creation process that connects to actual search exposure and real industry market structures.

With v0, cursor AI, and various LLMs, from PRD to AI product recommendations! Complete your Next.js shopping mall through a practical project.

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.

A full course of hands-on Next.js! Complete a real-world project with 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.

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.

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

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

"Still manually changing code every time you switch server addresses?" In production environments, Development (Dev), Staging, and Production (Prod) environments are strictly separated. However, many developers are exposed to deployment risks by manually changing variables in a single main.dart file. This course covers a 'real production-grade architecture' that instantly switches environments simply by selecting a build target, without modifying a single line of code.

This comprehensive course allows step-by-step Flutter learning, from Dart programming basics to Flutter's basic/intermediate features, and integrating backend Firebase for real projects.

Have you never coded before? Or are you already skilled? If your self-made game is on your self-made homepage, isn't that cool? We prepared this course for such people.

This course is not about "Let's build something amazing with the latest technology," but rather the most practical web development beginner course that makes you feel "You can build it yourself with just a little knowledge." We'll create the basic structure with HTML and JavaScript, exchange data using Node.js and SQLite, and complete a simple web page with Next.js. We minimize complex configurations and difficult theories, and focus on getting a hands-on feel for web development flow by writing code that actually works. This course centers on 'hands-on experience' rather than just 'learning.' If you've touched code even a little bit, anyone can follow along and feel the satisfaction of completion.

Now it's time to take on the real challenge 🔥 Let's develop a professional-grade SNS together using React.js + TypeScript + Supabase, creating features like authentication & authorization, infinite scroll, image upload, likes, infinite nested comments, dark mode, and more. Throughout this process, we'll also explore server and global state management techniques using Zustand and Tanstack Query.

No coding knowledge needed! Turn your idea into real revenue in just 4 weeks. Using AI and the latest tools, create both a website and app simultaneously and connect them directly to services.

Delving into Django's core concepts and key features in detail, from API development methods using DRF to deployment leveraging AWS, this covers everything about Django web development.

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.

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!

This course is about cloning Netflix UI with Flutter and Firebase! Start with Flutter, the fastest way to learn app development :)

This lecture provides a rough overview of backend basics with FastAPI, along with deploying to AWS using React.js, allowing you to quickly experience the actual deployment process.

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

This course will be the fastest and most certain shortcut to turning your vague dreams into reality. Now your imagination becomes the best game design document. With AI, you can complete your first game by having fun conversations, just like assembling LEGO blocks.

Cloud computing, the trend leading the 4th industrial revolution! Anyone can easily start cloud computing with the Amazon AWS introductory course.

"Will you make money just by creating an app? No." Vibe coding is just a tool; the key is 'profitable planning and strategy'. This course goes beyond simple vibe coding technical education and reveals a practical manual for building an automated revenue system, gained through operating 200 apps as a non-developer.

Are you still coding alone? We're now in an era where AI handles 95% of the work for you. Instead of memorizing complex syntax, this course teaches you how to make Google's powerful AI 'Gemini Pro' your 24/7 AI development partner. In VS Code, just like the paid tool Cursor AI, you'll learn Flutter's fundamental principles through free AI conversations and turn your ideas into reality through professional-level projects.

This lecture is for those who have learned Python but are unsure of how to use it. Utilize 99.9% of basic programming knowledge!!! Try making a Flutter voice translation app with basic example code by minimizing difficult code. Talk to chatGPT, translate conversations with foreign friends, draw images with voice, and upgrade the conversation app with fine tuning.

I've created an 'AWS Intermediate/Practical' course that's easily digestible for non-majors and immediately applicable in real-world situations!