Getting Started with Supabase and Next Full Stack (feat. Supabase OAuth, Next.js 14)

Completing an integration project between an API server built with Spring Boot (ver 3.4.x) and React 19 (with TypeScript)! Applying front-end to a back-end portfolio! A course written for working professionals (not a beginner-level course).

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

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

New to React? You need to think about how to learn React's fundamental concepts solidly yet quickly. Start with Next.js and JavaScript with minimal knowledge. Let's develop by selecting only the essential examples needed for real-world development. The Todo example is so important that you should develop it twice. Once focusing on components, and then focusing on routing that handles browser paths! Use Zustand for login! You can handle global state with a really small amount of code.

We solve the fundamental problem of losing control amidst AI-generated fragmented code and the complex React ecosystem by opening the hood and engineeringly analyzing the internal workings of core React libraries such as Zustand, TanStack Query, React Hook Form, Zod, and the React Compiler. By moving beyond simple tool usage and mastering how to directly manipulate the performance and data flow of the React engine, you will build the solid 'enterprise architecture design muscle' necessary to respond immediately to any crisis.

A full course on Next.js you can sink your teeth into! Complete a real-world project using 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.

Learn how to measure the performance of your React-built web services and optimize them for speed and efficiency.

Through this lecture, students can create a web service similar to Instagram using HTML, CSS, and JS. (Only the front-end is implemented! The back-end server construction will be filmed in a later lecture.)

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.

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.

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.

Based on the experience of wondering how facial recognition works in offline environments on-site, this course will guide you through building the basic structure of a facial recognition-based access and attendance management system using React + Electron and Python's FastAPI-based DeepFace. Rather than focusing on perfection, we focus on understanding the operating principles and laying the foundation for you to expand into your own personal projects.

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

With the arrival of the AI era, the skills required of developers are becoming increasingly complex. You might have thought, "I just need to be good at frontend," but when you try to create your own service or integrate AI features, you eventually hit a massive wall called the backend. However, as you try to start backend development, are you overwhelmed by how much there is to learn—from database design and authentication (Auth) to storage management and complex infrastructure setup? Now, you can lay down that heavy burden. In this course, we use Supabase, which solves all these backend functions at once. We will guide you through the fastest shortcut to becoming a full-stack developer who can "instantly" complete a backend without complex server knowledge and bring ideas to life immediately.

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!

In the era of swift execution and validation, execute faster than anyone with VIBE Coding! Achieve complete monetization, from ads to payments, all by yourself.

Build a fully functional smart farm platform that integrates sensor data collection, MQTT communication, web dashboards, and AI-driven environmental analysis. Experience the entire process of agricultural digital transformation (DX) through a hands-on project, covering everything from IoT sensor integration and FastAPI/Spring-based API servers to React/Vue dashboard development and cloud deployment.

This course is a clone coding lecture where we build the Netflix UI using Flutter and Firebase! Start learning Flutter, the fastest way to study app 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.

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.