Building a Fire Detection System with Next.js and YOLOv11

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

Let's conquer React Router, which is essential for everyone who creates SPAs with React 💪

This course starts with the question "If I had been on the Titanic, could I have survived?" and completes a full-stack project that develops an AI model to predict survival probability based on actual data and serves it as a web service. You'll practice the entire process of AI and web development, from deep learning modeling using PyTorch, building a backend server with FastAPI, to implementing a user interface with Next.js.

Let's quickly learn React's core design patterns through concepts and examples!

New to React? You need to think about how to learn React's fundamental concepts solidly yet quickly. Start with Next.js and JavaScript with minimal knowledge. Let's develop by selecting only the essential examples needed for real-world development. The Todo example is so important that you should develop it twice. Once focusing on components, and then focusing on routing that handles browser paths! Use Zustand for login! You can handle global state with a really small amount of code.

A lecture for those who know nothing about real coding + those who want to learn the basics of proper programming! Learn about various aspects such as programming basics and the developer's mindset!

This course will help you become a deep learning-based computer vision expert needed in the field through in-depth theoretical explanations of Object Detection and Segmentation, along with practical examples that can be immediately applied in real-world work environments.

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.

When researching AI or conducting a project using it, basic paper implementation is essential. Let's upgrade our practical skills by implementing an actual paper through this lecture!

★PYTHON★ This is a basic lecture on server development using Fast API. Learn how to develop servers easily, quickly, and conveniently using various packages such as Fast API, SQLAlchemy, Pydantic, and Starlette! Don't worry, we have prepared a DB backup file as well as integration with PostgreSQL! We will teach you the "basics" of UI design using Dash and Plotly and provide the source code used in the lecture :)

This course is an introductory course designed for learners who are just starting to learn React. The goal is to systematically learn the basic syntax of JSX and develop practical skills through mini projects where you can directly apply what you've learned. Beyond simple syntax learning, it is structured to help you understand the basic flow of React development and component-based development approaches.

Easy, Usable Computer Vision Projects: Step-by-step learning of practical CV projects. Boost skill with real examples.

Stop worrying about the dev team - I'll build it myself now! This course helps professionals in planning, marketing, sales, and other practical roles implement core web service features on their own using AI tools, without needing developer assistance.

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.

We implement the latest Transformer-based PixArt and lightweight adaptation SANA step by step from theory to code. Building on DDPM·DDIM·LDM·DiT covered in Parts I·II, we complete hands-on practice including text encoder integration, samplers (DDIM/ODE), v-prediction/CFG tuning, and small-scale data style fine-tuning.

Still lost on CNN even after studying it? I'll concisely explain CNN's core mechanics.

Hackathon and Project Introduction, Now Start with Arduino, Python, and Flask. Let's build a framework for hackathons and projects by creating cool projects together.

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!

Flask is widely used as a Python backend framework. Flask_SQLAlchemy is a database orm used in Flask. If you know Flask_SQLAlchemy, you can do web development with concise code.

You will learn how to develop data/machine learning web applications through 5 practical projects. You can easily and quickly build and deploy web applications with Python and Streamlit. (Updated in June 2025)

This course is a direct lecture by the author based on the book "Python Quick Start - Python for Work - Ruby Paper (2023/04)". This course is a course to learn the basics and usage of Python, which is known to be easy to learn, so that even non-majors can use programming in real life or work. You will learn Python programming methods through real business cases rather than grammar-centered ones, and you will be able to increase the efficiency and reliability of your work by automating various business processes including HR and finance.