Next.js in 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.

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.

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🧙🏻‍♀️.

I will help you gain the deep understanding and unique perspective needed in the AI era, from technical interviews to practical system design, by diving into the source code together. Grow from a developer who has simply "used" Next.js into an expert who "understands" why it is used that way.

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.

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 course is a full-stack level frontend project course that focuses on implementing Notion from start to finish using Vanilla JavaScript, going beyond simple UI cloning to deeply understand the internal operating principles. You'll implement all the core features of a real note-taking app using vanilla JS, including sidebar tree, nested document creation, auto-save, routing, trash, favorites, search modal, settings modal, theme switching, Export/Import, keyboard shortcuts, responsive layout, drag resize, and more. The goal is to solidly learn browser standard behaviors (event bubbling, DOM tree, local storage, Blob, FileReader, hash routing, etc.) that you must know before frameworks like React and Vue, so you can completely understand "why it works this way" and build the skills to debug effectively.

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

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

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.

This course teaches you how to build a web application using React and Firebase, implementing core features used in real-world services such as login, post management, file uploading, and profile management. You will build a complete web service step-by-step, implementing email and social login via Firebase Authentication, Firestore-based data storage and real-time data processing, file uploading using Firebase Storage, and profile management features. This course is designed for frontend developers to understand how to quickly implement web services using Firebase without the need for complex server construction.

Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

Create your own visual novel game using React, Javascript, SpringAI, and Springboot. Learn how to make a web-based visual novel game with SpringAI and React! Neo + Essential

If you don't know why things keep breaking even though you're using AI, the problem isn't the coding—it's that you're giving instructions without knowing 'what is actually happening.' I will teach you Vibe Coding, where you complete a web service with login and payment features from scratch all the way to domain launching and SEO, while understanding the context of "what just happened?" at every 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 :)

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

We will develop an avatar-based community app using React Native. You will learn the process of creating a high-quality community app that includes not only post creation but also comments/replies, likes, polls, and avatar generation.

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