Next.js Full Course to Dip In (English Audio & Korean Subtitles)

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

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

It doesn't end with just creating one application. We will show you the A-Z of completing a service by connecting a Vue.js modern front-end stack to a backend using Spring Boot.

A course to learn the latest Node.js backend REST API using fastify, a Node.js framework boasting high speed, ORM Prisma, and Typescript.

You will learn the basics and advanced usage of GraphQL, the next-generation API control technology, and gain real-world project experience through a virtual kiosk service created with GraphQL. The course has been partially updated to the latest version, apollo-server v4, as of February 2024.

🔥 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 course allows you to learn the basic theory of DevOps and Infrastructure as Code (IaC), one of the fundamentals of DevOps. Through this course, you can properly understand IT-based services from a DevOps perspective and practice defining infrastructure as code for service operations. Upon completing the course, you will be able to easily create and manage the basic AWS resources needed for service operations using a tool called Terraform. Since AWS must be managed as code, this course is also essential for basic AWS study.

Master the complexities of React development, including custom hooks, TDD, the context API, refactoring, and complex state management.

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.

Get familiar with Next.js by creating a personal blog with Next.js!

This course focuses intensively on learning the useContext and useReducer hooks for efficient state management in React. You can learn how to reduce the complexity of data passing between components and systematically manage state in large-scale applications through hands-on practice. Through this, learners can understand the fundamental concepts of global state management and develop practical skills that can be immediately applied to real projects.

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

Let's delve into the source code together, from technical interviews to practical design. I'll help you develop the deep understanding and unique perspective necessary for the AI era. Grow from a developer who simply "used" Next.js to an expert who "understands" why it's used that way.

Master React rendering principles and optimization to apply them in real-world situations and prepare for interviews!

In this course, you will be able to create a Reddit website from scratch, step by step.

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!

I can say with pride that it is more accurate and closer to practical best practices than any other lecture. This lecture is a lecture where you can learn about the basic theory of DevOps and Infrastructure as Code (IaC), which is one of the basics of DevOps. Through this lecture, you can correctly understand IT-based services from a DevOps perspective and practice defining infrastructure with code for service operation. After completing the lecture, you will be able to easily create and manage AWS resources that are basically necessary for service operation through a tool called Terraform. Since AWS must be managed as code, this lecture is also essential for studying the basics of AWS.

Let's learn the core theories of AWS services that are often used in companies and various projects these days, and make AWS completely our own through hands-on practice!

We will explore the detailed features and options of AWS's most fundamental and core services, and by implementing cloud architecture step-by-step using these services, we will understand the structure and operating principles of infrastructure while building both the capability and confidence to directly construct cloud infrastructure.

The hottest vibe coding these days! You can learn how to develop and deploy a website (Next.js) with just a click using AI tools. We'll even show you how to develop for free using Google Gemini Pro.

AI is no longer a choice, but a matter of survival. Reduce development that took 3 days to 30 minutes, delegate repetitive tasks to AI, and focus on solving more important problems. With AI-native development methods that you can apply immediately in real work, not just theory, we'll show you the definitive way to be recognized as a "developer who's good at AI" at your company.