Getting Started with Next.js

Fundamental JavaScript knowledge needed for frontend development. Essential knowledge that practitioners must know, explained easily and quickly. A basic course reflecting modern frontend development trends of 2024.

You can learn the core concepts of complex Next.js in a short time. We'll teach you only the essential practical knowledge for those learning Next.js for the first time. Captain Pangyo's new Next.js course, who has been conducting framework courses for 8 years. You can learn the coding and learning methods of "Frontend Developers in the AI Era"! 😊

A must-take testing course if you want to become a competent frontend developer. Master testing from beginner to advanced all in one go 👊

Learn the most widely used React framework in practice - easily, quickly, and enjoyably! Build a to-do management app while learning React's operating principles, component design, and refactoring methods.

This is a course where you learn essential TypeScript concepts while writing React and Vue code that are widely used in practice. A course for both professionals and beginners that covers everything from how to add types to React and Vue to how to use ChatGPT!

The easiest and most accurate way to learn the Vue Composition API that can be used in both Vue 2 and the latest Vue 3!

This is a course for those starting with Vue 3, the latest version of Vue.js. Learn the fundamentals of how Vue.js works and the basic concepts you need to know for practical development.

If you want your Vue.js site to reach more people? This is a great course for those who have completed Captain Pangyo's Vue.js series and now want to try server-side rendering. Getting Started with Nuxt.js course!

The best course for those starting with TypeScript in Vue.js. Master Vue.js + TypeScript in a fun way with 2 hands-on projects. Apply what you learn directly to your work right away! 😄

This is the practical application section of "Introduction to TypeScript - From Basics to Practice". If you haven't taken the introductory course, please start with the introductory section first 😄

This is a course for those starting with TypeScript. The curriculum has been designed so that even those unfamiliar with modern JavaScript syntax can learn easily. Let's learn TypeScript, which may seem difficult, in an easy and fun way from a beginner's perspective 😄

The webpack course chosen by 1,000 people! This is a renewed course updated for the new webpack version. Learn webpack more easily through hands-on practice :)

I've included everything needed for those working with Vue.js in production. A learning note CRUD application implemented with actual backend APIs. Be sure to check out the messages about setting up a productive project environment and how to collaborate with backend developers :)

Learn and implement the basic concepts and core features to easily develop web applications with Vue.js. After taking this course, you'll find frontend development with Vue.js enjoyable.

This is a practical Vue.js course that follows the lineage of Do it! Vue.js Introduction -> Vue.js Beginner Course -> Vue.js Intermediate Course. It will help you fully utilize Vue.js in real-world work.

You can create apps that work in offline environments using web technologies. Learn about the historical background and key features of Progressive Web Apps, and build an actual Progressive Web App using core technologies.

Vue.js Intermediate Course - A Vue.js practical course that helps 'anyone' 'easily' create 'excellent' web applications. Based on a fundamental understanding of Vue.js, you will learn practical, code-focused knowledge by building a Todo app.

Traditional React development and Next.js development are completely different approaches. This course penetrates the core of the latest Next.js 16 and teaches you the 'real' Next.js way of development. Experience how to achieve both performance and efficiency, from job portfolio projects to real-world projects. Let's develop the Next.js way! The course is structured to help you learn by doing, creating actual examples to understand how to apply Next.js features. You'll learn faster through actual code rather than theory, focusing on Server Components and covering Server Actions and caching strategies. Since the goal of the course is to catch up with the Next.js vibe as quickly as possible, the lectures are conducted using JavaScript. However, each lecture's examples are additionally provided as course materials created in TypeScript. December 18, 2025 - Updated to Next.js 16

You can create a service that is not just cool on the outside, but one that allows you to meet users and get feedback. You can gain confidence in web development.

This is a course for those starting with Vue 3, the latest version of Vue.js. Learn the fundamentals of how Vue.js works and the basic concepts you need to know for practical 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.

🔥 This is a practical full-stack course where you will implement the knowledge-sharer features from scratch, from course registration to video uploading. Using Next.js 15 and NestJS, you will follow the actual Inflearn workflow—creating courses, organizing curriculums, uploading thumbnails and videos, and writing detailed descriptions—while gaining hands-on experience in Prisma modeling, JWT authentication, S3 + CloudFront uploading, and Swagger API design.

Have you ever thought about building a 'real system' beyond simply rendering screens? The real problem many developers commonly face is something else entirely. It's the limitation of a 'fake full-stack'—where things look plausible on the surface, but data synchronization frequently tangles, speed is frustrating, and you lose track of where to even start when just a few features are added. This isn't a problem that can be solved by simply memorizing one more Next.js feature. This course will resolve that frustration from the roots. Encyclopedia-style classes that just list features are boring, aren't they? Instead, we have tightly integrated the fundamental principles of Computer Science (CS) with the advanced architecture of Next.js. We will directly transplant into your fingertips the enterprise-level design skills required to flexibly withstand millions of visitors and maintain perfect data consistency.

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.

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

Firebase's SQL version! You can master the basics of Next.js full-stack development through Supabase!

You can learn about implementing webcam and peer-to-peer communication using WebRTC.

Supabase, the wings for your full-stack development! Through three clone projects, you will quickly learn how to perform professional-level full-stack development using Next.js 14 and Supabase.

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.

No coding skills? No problem! Turn your ideas into real profit in just 4 weeks. Use AI and the latest tools to build a website and an app simultaneously and launch your service right away.

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

We introduce the main concepts, grammar, and utilization methods of JavaScript, the programming language that runs websites. This is an introductory JavaScript course that even those who are just starting out with HTML/CSS can easily understand.

This course will help you learn JavaScript through theory and practice. It explains step by step so that even beginners can easily understand. Part 2 covers JavaScript functions and events, types of functions, and core libraries.

📌 This course is a curriculum that starts with a strategic AI tic-tac-toe project and completes core object-oriented programming concepts through practical examples. You'll train logic design and AI strategic thinking through game implementation, then directly experience OOP design techniques like inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to grow beyond syntax into a 'developer who designs' through real projects.

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

💸 A profitable AI agent web service course where real payments happen! ❗ Stop making websites just for your portfolio and build an <AI Commentary Product Mall> with 'infinite inventory and zero cost'! 🤖 Build a solid foundation starting from the 'service specification' with your AI development team members, just like working with a human development team!

It covers machine learning concepts within the JavaScript environment. It covers the patterns and code for implementing machine learning with JavaScript and TensorFlow.js.