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

Learn how to build a beautiful portfolio site using Vite, React, Vue, and Next.js. Perfect for developers looking to improve their practical front-end development skills using multiple frameworks.

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.

The reason I created this course is one. It's due to the desire to "help non-majors like myself realize their ideas."

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.

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.

A portfolio-focused course on deploying a React frontend and Spring Boot backend directly to the AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects for their portfolio. You will gain the necessary knowledge for deployment through short-term, step-by-step practice, covering everything from server configuration to Docker, domain connection, Nginx, and HTTPS application!

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!

We will create a Twitter-like SNS service using the React & Next & Redux & Redux-Saga & Express stack. Finally, we will perform search engine optimization and deploy it to AWS.

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

Upon completing and applying these lectures, you can create your own sites and apps. This introductory VibeCoding lecture uses Cursor AI to help you naturally learn coding flow by creating a Web site group chat for your family. Without an App developer account or MacBook, anyone can easily follow along in a Windows environment, even without dev knowledge, and learn to deploy it as a real website.

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

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.

This is mission content for a development project. We provide a PRD planning document, Figma designs, and API endpoints so that you can practice by implementing a timer app called DevTime yourself. Make the knowledge you have learned completely your own by implementing a project at a level similar to an actual service 🚀

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.

Building your own emotional diary service with Spring AI + React It's time for our 4th project with Neo + Essential!