강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Front-end

Bite-sized Next.js

The 3rd installment of the "One Bite" series! This is the world's most friendly and detailed Next.js course. We will explore not only the App Router but also the Page Router through hands-on projects.

(5.0) 608 reviews

5,686 learners

Level Basic

Course period Unlimited

React
React
TypeScript
TypeScript
Next.js
Next.js
React
React
TypeScript
TypeScript
Next.js
Next.js

Reviews from Early Learners

5.0

5.0

Next

100% enrolled

I was able to learn a wide range of concepts from basic to advanced in Next.js. In particular, I was able to easily understand complex topics that might be difficult to understand through visual materials and animations. The lecture content is well organized in stages, so even beginners can follow along without difficulty, and I think even intermediate and above developers can learn a lot from this lecture. In addition, not only did I learn the grammar, but I also learned the theoretical aspects of Next.js's operation, internal mechanisms, SSR, SSG, ISR, and various methods in depth, as well as methods that can be applied to actual projects, which was very helpful. Thanks to the instructor's careful preparation and effort, learning Next.js was really fun and rewarding. Thank you very much!

5.0

itjustbong

74% enrolled

I am leaving a review because I was very satisfied with the lecture! I am a front-end developer, but I have been stuck on the Page Router stack for a long time. I have tried App Router, but I kept using Page Router because of my familiarity with it... But I thought I would try to follow the latest trends by taking this lecture, and the quality was much higher than I expected. One of the reasons I kept going back to Page Router was that I didn't understand App Router properly. By taking this lecture, I was able to understand how App Router works, and I gained confidence in App Router while working on a small project. If I had any wishes for the next lecture, it would be nice to have a practical (or advanced) version that includes all the settings because sometimes when you set up App Router, the design system or other libraries don't work properly, making it difficult to set up! Thank you!

5.0

dla1434

92% enrolled

I don't usually leave course reviews...but I'm so satisfied with this lecture that I'm leaving one. First of all, I've watched several Next lectures, but most of the time, they just tell you how to use it and move on when it's hard to explain in the lectures, so I always wondered why I should use it and what's different. Even when I looked at the official documentation, there were many ambiguous parts, so there were parts that I didn't understand. But after watching this lecture, I understood most of it. First of all, the explanations and materials are easy to understand, and after explaining the theory, they showed it again through practice, so this lecture was the best lecture I've seen by Jeong-Hwan. The previous lectures were good, but I think it's the result of a lot of thought and feedback. I'm really looking forward to the next lecture~~ I think it would be good if Next produced a practical lecture.

What you will gain after the course

  • Explore the latest Next.js concepts.

  • We will explore most concepts, from the Page Router to the App Router.

  • We explore various concepts such as server components, page routing, layout configuration, data fetching, streaming, and deployment.

자산 7@2x

Recruitment for One Bite Challenge 9th Cohort is now open (Until midnight, Monday, April 6th): https://link.onebitefe.com/r/o6sgje

로드맵안내_넥스트

Click the image to go to the roadmap.
> Roadmap link: https://link.onebitefe.com/r/68zgsv

Series Lecture Links
> React in One Bite:https://inf.run/v3XAj
> TypeScript in One Bite: https://inf.run/FpLm4
> Next.js in One Bite: https://inf.run/v3XAj

Thanks to your great support, this course has been published as a book. I sincerely thank you. 🙇‍♂

  • Bite-Sized Next.js | Official Trailer

Bite-sized Next.js: Still effective in the AI era

15 hours of content,
from Page Router to App Router

💡 What is Page Router?

The router used prior to Next.js version 13
Provides intuitive and stable features

💡 What is App Router?

The latest router released after Next.js version 13
Provides the latest features such as streaming and Server Actions

The App Router, newly introduced in Next.js version 13, was created to compensate for the shortcomings of the Page Router.
Even in an era where AI writes code for you, it is difficult to properly handle the mechanisms of the App Router without an understanding of the Page Router.

Therefore, this course will proceed in an order where we quickly go over the Page Router (5 hours) and then dive deep into the App Router (10 hours). Through this, you will gain a deep understanding of the limitations of the existing Page Router and how the App Router overcomes these limitations.

⚠ However, please do not misunderstand; this course is centered around the App Router.

No more static visual materials ✋
Explore Next.js with intuitive animations

Next.js has many features with complex mechanisms.
Therefore, it is difficult to explain them sufficiently with static visual materials alone.
This course provides intuitive animations like the ones below.

Visual materials related to React Server Components

Visual materials related to Client Router Cache

As close to real-world situations as possible 🚧
Providing a custom-built backend server for practice

To examine Next.js's various caching features in a more realistic environment, we provide a
self-developed backend server.

swagger

Backend Server API Documentation

Course Curriculum

Section 1. Introducing Next.js

Before diving into the full-scale learning, we will explore what the technology called Next.js is
and why it is receiving so much attention today.

curi-1-1

Section 1. Introducing Next.js.

curi-1-2

Section 1. Introducing Next.js.

Section 2. Page Router Core Summary

(Optional Course) We will take a quick look at the Page Router, which has been provided since the early release of Next.js, along with a project.
At the same time, we will also examine the inconveniences and technical limitations associated with the Page Router.

curi-2-1

Section 2. Introducing Page Router

curi-2-2

Section 2. Introducing the Page Router

Section 3. Getting Started with App Router

The center of attention! We will take a look at the App Router. We will explore what the App Router is, its technical differences, and its basic usage.

curi-3-1

Section 3. Getting Started with App Router

curi-3-2

Section 3. Getting Started with App Router

Section 4. Data Fetching

We will explore data fetching using Server Components.
At the same time, we will also look into various caching mechanisms provided by Next.js (Data Cache, Request Memoization).

curi-4-1

Section 4. Data Fetching

curi-4-2

Section 4. Data Fetching

Section 5. Page Caching

We will take a detailed look at Full Route Cache and Client Router Cache, which are the page caching mechanisms in the App Router version.
At the same time, we will also explore Route Segment Options, which allow you to forcibly configure page caching options.

curi-5-1

Section 5. Page Caching

curi-5-2

Section 5. Page Caching

Section 6. Streaming & Error Handling

We will explore Streaming, which helps render the parts of a page that are ready quickly.
We will look at both the method using the Loading file and the method using Suspense..

We will also look at error handling and page recovery methods using the Error file.

curi-6-1

Section 6. Streaming and Error Handling

curi-6-2

Section 6. Streaming and Error Handling

Section 7. Server Actions

We will explore Server Actions, which generated a lot of buzz when they were first released.
We will also look at how to use Server Actions to add or delete data, as well as how to handle loading and error states.

curi-7-1

Section 7. Server Actions

curi-7-2

Section 7. Server Actions

Section 8. Advanced Routing Patterns (Parallel, Intercepting)

We will explore the newly provided Parallel Routes & Intercepting Routes in the App Router.
Using these, we will implement a feature that displays specific pages as modals to avoid interrupting the user's navigation.

curi-8-1

Section 8. Advanced Routing Patterns

curi-8-2

Section 8. Advanced Routing Patterns

Section 9. Optimization and Deployment

We will explore optimization methods for images, metadata, pages, and regions.
We will then deploy the optimized project to Vercel and perform further performance improvements.

curi-9-1

Section 9. Optimization and Deployment

curi-9-2

Section 9. Optimization and Deployment

The 5 Principles of the One-Bite Series

⚖ Principle 1. Intuitive and Rich Visual Materials

Just as the same food feels more delicious when it looks good,
I believe that even for the same conceptual explanation, more intuitive and attractive visual materials will make it easier to understand.

Therefore, I have made constant efforts to create intuitive visual materials, including animations.

⚖ Principle 2. Kindness

When new terms or concepts appeared, I did not explain them vaguely or jump to the conclusion that you would already know them. I made every effort to ensure you wouldn't have to search on Google separately while listening to the lecture.

⚖ Principle 3. Probability

To keep students engaged, I created these lectures with a constant focus on logical flow—ensuring that whenever new content is introduced, it connects to previous material and doesn't feel like a sudden disruption.

⚖ Principle 4. Good Vocalization and Diction

Since you have to listen to my voice for a long time, I am always striving for good vocalization and diction.
To this end, I have produced the lectures so that you can understand everything even when played at 2x speed.

Take a listen! 2x speed playback link

⚖ Principle 5. Communication

Gather in a student-only community to grow together by sharing knowledge and news.

Expected Q&A 💬

Q. Who is the target audience for this course?

This lecture is optimized for those with basic knowledge of React.js and TypeScript.
However, for TypeScript, I will provide additional explanations and supplementary learning materials throughout the course,
so you can follow along without much difficulty, except for the parts where types are written.

Q. I only want to learn the App Router; do I really need to listen to the Page Router section?

If you are an expert in Page Router, you may skip Section 2 and start learning directly from Section 3.
However, accurate metacognition is required to ensure you have a solid understanding of the limitations and characteristics of the Page Router.

Portfolio and Personal Videos

INFCON2023 - Why is TypeScript like that?

(Book) Introduction video for "React One Bite at a Time"

Recommended for
these people

Who is this course right for?

  • Students of the "One Bite" series

  • Beginners starting with Next.js for the first time

  • Those who want to learn with the latest version of Next.js

  • Those who are looking for a kind and detailed lecture

Need to know before starting?

  • React.js (Basic)

  • TypeScript (Basic)

Hello
This is winterlood

Inflearn Verified

Career Verified

40,799

Learners

3,154

Reviews

1,712

Answers

5.0

Rating

29

Courses

There is always a way to explain anything easily!

  • 📚 Books

     

  • 🏆 Awards

    • 2025 Inflearn Year-End Awards Bestseller Winner

       

    • 2024 Inflearn Year-End Awards Student PICK Winner

    • 2023 Inflearn Year-End Awards Student PICK Award

     

  • 📹 Lectures

    • Bite-Sized Vibe Coding

    • Bite-Sized React.js Hands-on Project - SNS Edition

    • Bite-Sized Next.js

    • Bite-sized TypeScript

    • Bite-Sized React

More

Curriculum

All

66 lectures ∙ (15hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

608 reviews

5.0

608 reviews

  • seungwoo님의 프로필 이미지
    seungwoo

    Reviews 7

    ∙

    Average Rating 5.0

    5

    74% enrolled

    I am leaving a review because I was very satisfied with the lecture! I am a front-end developer, but I have been stuck on the Page Router stack for a long time. I have tried App Router, but I kept using Page Router because of my familiarity with it... But I thought I would try to follow the latest trends by taking this lecture, and the quality was much higher than I expected. One of the reasons I kept going back to Page Router was that I didn't understand App Router properly. By taking this lecture, I was able to understand how App Router works, and I gained confidence in App Router while working on a small project. If I had any wishes for the next lecture, it would be nice to have a practical (or advanced) version that includes all the settings because sometimes when you set up App Router, the design system or other libraries don't work properly, making it difficult to set up! Thank you!

    • rhs199813739님의 프로필 이미지
      rhs199813739

      Reviews 9

      ∙

      Average Rating 5.0

      5

      8% enrolled

      Front-end lecture === Lee Jeong-hwan

      • dev8678

        I agree!!

    • justfix0109464님의 프로필 이미지
      justfix0109464

      Reviews 15

      ∙

      Average Rating 5.0

      5

      25% enrolled

      Next.js lecture? Lee Jung-hwan. React.js lecture? Lee Jung-hwan. TypeScript lecture? Lee Jung-hwan. It's official. Memorize it. It'll hit your head with visual materials and dictionaries. Still not paying? It's hard to read. If there are concepts that are difficult or confusing to answer the questions below, please pay. It'll help. 1. Please explain the differences between React and Next.js from the perspective of TTV and TTI. 2. Please explain Next.js pre-rendering. 3. Please explain Next.js prefetching. 4. When does Next.js hydration occur? 5. When does Next.js data fetching occur? I didn't know anything, but now I can answer. It kindly feeds you visual materials. If you forget, it'll be brought up for review and hammered into your head. I originally didn't want to leave a review like this, but I couldn't help but leave a review because it was obvious that you were trying to improve the quality of the lectures. The really scary thing is that you can get this much from the lectures, even though it's only the beginning. (Let's stop worrying and go pay. I don't think anyone would do it, right?)

      • dla14347593님의 프로필 이미지
        dla14347593

        Reviews 4

        ∙

        Average Rating 4.3

        5

        92% enrolled

        I don't usually leave course reviews...but I'm so satisfied with this lecture that I'm leaving one. First of all, I've watched several Next lectures, but most of the time, they just tell you how to use it and move on when it's hard to explain in the lectures, so I always wondered why I should use it and what's different. Even when I looked at the official documentation, there were many ambiguous parts, so there were parts that I didn't understand. But after watching this lecture, I understood most of it. First of all, the explanations and materials are easy to understand, and after explaining the theory, they showed it again through practice, so this lecture was the best lecture I've seen by Jeong-Hwan. The previous lectures were good, but I think it's the result of a lot of thought and feedback. I'm really looking forward to the next lecture~~ I think it would be good if Next produced a practical lecture.

        • bibipapa님의 프로필 이미지
          bibipapa

          Reviews 4

          ∙

          Average Rating 5.0

          5

          100% enrolled

          Don't bother digging, just watch this lecture

          winterlood's other courses

          Check out other courses by the instructor!

          Bite-Sized Vibe Coding - Not just scratching the surface, but like a real developer (Claude & Cursor)Course Thumbnail

          Bite-Sized Vibe Coding - Not just scratching the surface, but like a real developer (Claude & Cursor)

          winterlood

          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.

          Beginner

          Beginner

          Web Application, Network, security training

          Bite-Sized Vibe Coding - Not just scratching the surface, but like a real developer (Claude & Cursor)Course Thumbnail

          Bite-Sized Vibe Coding - Not just scratching the surface, but like a real developer (Claude & Cursor)

          winterlood

          Bite-Sized React (React.js): From Basics to PracticeCourse Thumbnail

          Bite-Sized React (React.js): From Basics to Practice

          winterlood

          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!

          Basic

          Basic

          JavaScript, React, Node.js

          Bite-Sized React (React.js): From Basics to PracticeCourse Thumbnail

          Bite-Sized React (React.js): From Basics to Practice

          winterlood

          Bite-Sized TypeScriptCourse Thumbnail

          Bite-Sized TypeScript

          winterlood

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

          Basic

          Basic

          TypeScript

          Bite-Sized TypeScriptCourse Thumbnail

          Bite-Sized TypeScript

          winterlood

          Bite-Sized React.js Practical Project - SNS EditionCourse Thumbnail

          Bite-Sized React.js Practical Project - SNS Edition

          winterlood

          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.

          Intermediate

          Intermediate

          React, TypeScript, react-query

          Bite-Sized React.js Practical Project - SNS EditionCourse Thumbnail

          Bite-Sized React.js Practical Project - SNS Edition

          winterlood

          One Bite React Practical Library Kit - Zustand, Tanstack Query, TailwindCSS

          winterlood

          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.

          Basic

          Basic

          React, Web Application, TailwindCSS

          One Bite React Practical Library Kit - Zustand, Tanstack Query, TailwindCSS

          winterlood

          Similar courses

          Explore other courses in the same field!

          Bite-Sized TypeScriptCourse Thumbnail

          Bite-Sized TypeScript

          winterlood

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

          Basic

          Basic

          TypeScript

          Bite-Sized TypeScriptCourse Thumbnail

          Bite-Sized TypeScript

          winterlood

          Bite-Sized React (React.js): From Basics to PracticeCourse Thumbnail

          Bite-Sized React (React.js): From Basics to Practice

          winterlood

          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!

          Basic

          Basic

          JavaScript, React, Node.js

          Bite-Sized React (React.js): From Basics to PracticeCourse Thumbnail

          Bite-Sized React (React.js): From Basics to Practice

          winterlood

          [Code Camp] The 'Perfect' Frontend Course Created at BootcampCourse Thumbnail

          [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

          codecamp

          This is the perfect frontend curriculum from a 'real' bootcamp that has produced hundreds of developers. With this single course, you can grow to the level of a junior developer in the field, and you'll gain the ability and knowledge to utilize frontend technology stacks. [Code Camp] has prepared this so that anyone can build their career regardless of their social, economic, or educational background :)

          Beginner

          Beginner

          React, Next.js, GraphQL

          [Code Camp] The 'Perfect' Frontend Course Created at BootcampCourse Thumbnail

          [Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

          codecamp

          Bite-Sized React.js Practical Project - SNS EditionCourse Thumbnail

          Bite-Sized React.js Practical Project - SNS Edition

          winterlood

          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.

          Intermediate

          Intermediate

          React, TypeScript, react-query

          Bite-Sized React.js Practical Project - SNS EditionCourse Thumbnail

          Bite-Sized React.js Practical Project - SNS Edition

          winterlood

          [Full-Stack Completion] Clone 3 Websites with Supabase (Next.js 14)Course Thumbnail

          [Full-Stack Completion] Clone 3 Websites with Supabase (Next.js 14)

          lopun

          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.

          Basic

          Basic

          Next.js, supabase, TailwindCSS

          [Full-Stack Completion] Clone 3 Websites with Supabase (Next.js 14)Course Thumbnail

          [Full-Stack Completion] Clone 3 Websites with Supabase (Next.js 14)

          lopun

          Building Claude Code with TypeScript from ScratchCourse Thumbnail

          Building Claude Code with TypeScript from Scratch

          Hiro Son

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

          Basic

          Basic

          React, TypeScript, vercel

          Building Claude Code with TypeScript from ScratchCourse Thumbnail

          Building Claude Code with TypeScript from Scratch

          Hiro Son

          My Own Claude Code Harness (AI Development Workflow Built with SPEC·TDD·CI)Course Thumbnail

          My Own Claude Code Harness (AI Development Workflow Built with SPEC·TDD·CI)

          frongt

          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.

          Basic

          Basic

          React, TDD, AI Agent

          My Own Claude Code Harness (AI Development Workflow Built with SPEC·TDD·CI)Course Thumbnail

          My Own Claude Code Harness (AI Development Workflow Built with SPEC·TDD·CI)

          frongt

          Complete Real-world YouTube Clone Development with Next.js 15Course Thumbnail

          Complete Real-world YouTube Clone Development with Next.js 15

          antonio

          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.

          Basic

          Basic

          Next.js, React, PostgreSQL

          Complete Real-world YouTube Clone Development with Next.js 15Course Thumbnail

          Complete Real-world YouTube Clone Development with Next.js 15

          antonio

          Creating Web Services with Vibe Coding With Claude CodeCourse Thumbnail

          Creating Web Services with Vibe Coding With Claude Code

          ref63184917

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

          Beginner

          Beginner

          HTML/CSS, JavaScript, Next.js

          Creating Web Services with Vibe Coding With Claude CodeCourse Thumbnail

          Creating Web Services with Vibe Coding With Claude Code

          ref63184917

          TypeScript A-Z: Learn by FollowingCourse Thumbnail

          TypeScript A-Z: Learn by Following

          John Ahn

          In this course, you will learn about TypeScript.

          Basic

          Basic

          TypeScript, JavaScript

          TypeScript A-Z: Learn by FollowingCourse Thumbnail

          TypeScript A-Z: Learn by Following

          John Ahn

          The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)Course Thumbnail

          The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)

          kimw24072

          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.

          Beginner

          Beginner

          claude, JavaScript, TypeScript

          The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)Course Thumbnail

          The Complete Guide to AI Development Workflows with Claude Code (Including Real-World Projects)

          kimw24072

          Chat GPT Clone in 1 Hour with Cursor (One-Day Class)Course Thumbnail

          Chat GPT Clone in 1 Hour with Cursor (One-Day Class)

          dodocoding

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

          Beginner

          Beginner

          nextjs, ChatGPT, React

          Chat GPT Clone in 1 Hour with Cursor (One-Day Class)Course Thumbnail

          Chat GPT Clone in 1 Hour with Cursor (One-Day Class)

          dodocoding

          # [Electron #1] Building a Timer App with Electron + React (With Zustand)Course Thumbnail

          # [Electron #1] Building a Timer App with Electron + React (With Zustand)

          dakgangjung123

          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!

          Basic

          Basic

          React, Electron, GUI

          # [Electron #1] Building a Timer App with Electron + React (With Zustand)Course Thumbnail

          # [Electron #1] Building a Timer App with Electron + React (With Zustand)

          dakgangjung123

          Practical React Native for iOS/Android App Development - BasicCourse Thumbnail

          Practical React Native for iOS/Android App Development - Basic

          Wintho

          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.

          Basic

          Basic

          React Native, React, ES6

          Practical React Native for iOS/Android App Development - BasicCourse Thumbnail

          Practical React Native for iOS/Android App Development - Basic

          Wintho

          [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)Course Thumbnail

          [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

          codecamp

          Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

          Intermediate

          Intermediate

          React, Next.js, cursor

          [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)Course Thumbnail

          [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

          codecamp

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

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

          dodocoding

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

          Basic

          Basic

          Next.js, supabase, React

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

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

          dodocoding

          Hybrid App with Expo Framework to Increase Web Developer's SalaryCourse Thumbnail

          Hybrid App with Expo Framework to Increase Web Developer's Salary

          codecamp

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

          Basic

          Basic

          React, Next.js, expo

          Hybrid App with Expo Framework to Increase Web Developer's SalaryCourse Thumbnail

          Hybrid App with Expo Framework to Increase Web Developer's Salary

          codecamp

          A real introductory all-in-one development boot camp for non-majorsCourse Thumbnail

          A real introductory all-in-one development boot camp for non-majors

          grab

          The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

          Beginner

          Beginner

          JavaScript, React, Node.js

          A real introductory all-in-one development boot camp for non-majorsCourse Thumbnail

          A real introductory all-in-one development boot camp for non-majors

          grab

          Creating an Avatar Community App (React Native Expo)Course Thumbnail

          Creating an Avatar Community App (React Native Expo)

          Kyo

          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.

          Basic

          Basic

          React Native, TypeScript, expo

          Creating an Avatar Community App (React Native Expo)Course Thumbnail

          Creating an Avatar Community App (React Native Expo)

          Kyo

          Building My Own Emotional Diary Service with Spring AI + ReactCourse Thumbnail

          Building My Own Emotional Diary Service with Spring AI + React

          Neo

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

          Basic

          Basic

          React, Kotlin, Spring Boot

          Building My Own Emotional Diary Service with Spring AI + ReactCourse Thumbnail

          Building My Own Emotional Diary Service with Spring AI + React

          Neo