Next.js in Bite-Sized Pieces

AI is only as good as you are. Learn vibe coding properly in three steps: how to use AI → essential foundational knowledge → project development. For those who want to learn vibe coding the right way, we deliver the core concepts that remain unchanged regardless of which AI you use, broken down into bite-sized pieces.

Master JavaScript and React all at once with this course, covering everything from the fundamentals to unique projects. Learn briefly, apply extensively—an 18-hour All-in-one course!

Now it’s time to take on a real-world project 🔥 Together, we’ll build a production-grade social networking service with React.js + TypeScript + Supabase, implementing features such as authentication & authorization, infinite scrolling, image uploads, likes, infinitely nested comments, and dark mode. Along the way, we’ll also explore server and global state management techniques using Zustand and Tanstack Query.

Even after learning the syntax, TypeScript can still be confusing when it comes to understanding how it works and grasping its concepts. Now, learn TypeScript properly! We’ll turn you into a TypeScript wizard🧙🏻‍♀️.

Upgrade your React app with Zustand, TanStack Query, and Tailwind CSS! We’ll guide you through the core concepts and usage of various tools so you can take on even complex projects.

If you keep getting errors after asking AI to do it, the problem isn’t the AI—it’s that you lack the foundational knowledge to guide it. In this video, we’ll cover the seven foundational concepts that people who get stuck while vibe coding were missing, and explain what each one is and why it’s necessary. 👾 This is explained for people on day zero of coding who have never opened a terminal before.

Master JavaScript and React all at once with this course, covering everything from the fundamentals to unique projects. Learn briefly, apply extensively—an 18-hour All-in-one course!

Even after learning the syntax, TypeScript can still be confusing when it comes to understanding how it works and grasping its concepts. Now, learn TypeScript properly! We’ll turn you into a TypeScript wizard🧙🏻‍♀️.

Now it’s time to take on a real-world project 🔥 Together, we’ll build a production-grade social networking service with React.js + TypeScript + Supabase, implementing features such as authentication & authorization, infinite scrolling, image uploads, likes, infinitely nested comments, and dark mode. Along the way, we’ll also explore server and global state management techniques using Zustand and Tanstack Query.

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

In this 24-hour tutorial, you will learn how to build your own YouTube clone. We will cover advanced topics such as Next 15 and React 19 (including tRPC), prefetching in Server Components, utilizing Suspense in Client Components, video processing, background jobs, and AI features.

This course aims to help even those new to Astro complete a live, deployed blog within one hour. We minimize theoretical explanations and focus on copy-and-paste ready code and step-by-step checkpoints. By the end of the course, 👉 You won't just be someone who "has tried Astro," 👉 You will be someone who "has a blog built with Astro."

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.

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.

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

You can gain the ability to implement a chat program in just one hour using Next.js + Cursor IDE.

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.

A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.

Complete everything from design to TDD and CI with Claude Code. Taking a single feature from one line of spec all the way to main merge.

This course is a practical, hands-on guide for those who want to learn how to maximize development productivity in the AI era. Beyond simply learning how to use AI, we focus on how to utilize Claude Code in a real-world development environment and how to produce "proper results." Many developers use AI but still face issues such as: ❌ Inconsistent results ❌ Poor code quality ❌ Increasing project complexity To solve these problems, this course teaches you how to utilize AI as a "development partner" rather than just a tool through: ✔ Spec-based workflows ✔ Structured command systems ✔ Sub-agent and automation strategies Furthermore, you will gain the experience of completing and deploying a full application from start to finish by integrating with real-world services such as Firebase, Figma, GitHub, and Vercel.

If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

How are you using TypeScript, the standard of Node.js? If you only add type annotations, it is not real TypeScript. I prepared everything because I don't know what you will like. Let's learn TypeScript A to Z :)

This course helps you understand the entire backend development process by building everything step by step, from an HTTP server to AI services. You will develop the ability to read and understand AI-generated code while learning core concepts such as servers, databases, HTTP, login, and deployment, along with practical applications of Node.js, Express, and NestJS through hands-on exercises.

Let's apply TypeScript to Node.js, add typings to existing npm packages, or create your own TypeScript library.