Bite-sized Next.js

AI is only as good as you are. Master "Vibe Coding" through a three-step process: AI utilization, foundational core knowledge, and project development. For those who want to learn Vibe Coding properly, we deliver the unchanging core concepts—applicable to any AI—in bite-sized pieces.

Master JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one, 18-hour course designed for short learning and long application!

Go beyond syntax to understand the principles and concepts—if TypeScript still feels confusing no matter how much you study, it's time to learn it properly! We will turn you into a TypeScript Wizard🧙🏻‍♀️.

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.

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

Master JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one, 18-hour course designed for short learning and long application!

Go beyond syntax to understand the principles and concepts—if TypeScript still feels confusing no matter how much you study, it's time to learn it properly! We will turn you into a TypeScript Wizard🧙🏻‍♀️.

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.

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.

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 is a practical-focused learning program for JWT-based token authentication and security enhancement techniques that are essential in modern web service environments. Using Spring Boot 3, Spring Security 6, and React, you'll implement secure login systems and cover comprehensive security practices including XSS·CSRF countermeasures, HTTPS implementation, token reissuance and revocation strategies, and secure secret key management. Additionally, you'll practice real service-level environment configuration through AWS build·deployment and performance optimization using Redis, and the complete project source code provided in the course can be directly applied to real-world work.

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.

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 will help you develop mobile apps that can be serviced on Android and iOS using web development.

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

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!

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 course to learn the latest Node.js backend REST API using fastify, a Node.js framework boasting high speed, ORM Prisma, and Typescript.

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.

The trending "Vibe Coding"! You can learn how to develop and deploy a website (Next.js) with just a few clicks using AI tools. We will even show you how to develop using Google Gemini Pro for free.

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend 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.

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

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.

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.