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

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.

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.

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.

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

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

"Are you still modifying code every time you change server addresses?" In real-world practice, development (Dev), staging, and production (Prod) environments are strictly separated. However, many developers are exposed to the risk of deployment accidents by manually changing variables in a single main.dart file. This course covers a 'real production-grade architecture' that allows you to instantly switch environments simply by selecting a build target, without modifying a single line of code.

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 solo IT startup founder and solo entrepreneur's experience distilled into an honest, straightforward, intuitive, and deep React + Spring Boot course (Docker, AWS, GitHub Actions) I just unified everything into this one course.

NestJS: The fastest way to get into backend! Through various hands-on projects, you will quickly learn backend frameworks NestJS and TypeORM, as well as essential theoretical knowledge that server developers must know.

This is a guide course on proper dependency injection in Flutter. It presents how to use DI utilizing the injectable package.

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.

From developing your own full-stack application to a Progressive Web App (PWA)!

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.

Supabase: Giving Wings to Full-stack Development! Through 3 clone projects, you will quickly learn how to build practical-level full-stack applications using Next.js 14 and Supabase.

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.

Now your imagination becomes the best game design document! With AI, you can complete your first game by having fun conversations as if assembling LEGO blocks. Try using Google Gemini Pro for free!

I've compiled a guide on how to create an AdSense revenue-generating website. It's structured so that even those without development experience can follow along, keeping only the proven methods to ensure reproducibility.

With the arrival of the AI era, the skills required of developers are becoming increasingly complex. You might have thought, "I just need to be good at frontend," but when you try to create your own service or integrate AI features, you eventually hit a massive wall called the backend. However, as you try to start backend development, are you overwhelmed by how much there is to learn—from database design and authentication (Auth) to storage management and complex infrastructure setup? Now, you can lay down that heavy burden. In this course, we use Supabase, which solves all these backend functions at once. We will guide you through the fastest shortcut to becoming a full-stack developer who can "instantly" complete a backend without complex server knowledge and bring ideas to life immediately.

Still coding alone? We're now in an era where AI handles 99% of the work for you. Instead of memorizing complex syntax, this course teaches you how to turn Google's powerful AI 'Gemini Pro' into your 24/7 AI development partner. Learn the fundamental principles of Flutter using the paid Gemini Pro model for free, and turn your ideas into reality through professional-level projects.

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!

I've created a cram course that will help you pass the AWS SAA-C03 (AWS Certified Solutions Architect - Associate) certification in just 2 weeks with only 163 questions!

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 even non-majors can easily understand and apply directly in real-world situations!