inflearn logo
강의

Course

Instructor
inflearn logo
Challenge
Ended
Programming

/

Front-end

One Bite Challenge 8th Cohort - Next.js

This is a challenge to complete the "Bite-Sized Next.js (v15)" course over approximately 4 years. (Missions and a progress chart are provided) The 3rd installment of the Bite-Sized series! This is the world's most friendly and detailed Next.js (15+) course. We will explore not only the App Router but also the Page Router through projects.

React
TypeScript
Next.js
next.js13

26개 수업 학습

9회 미션 수행

성취의 증표, 수료증을 발급해요.

완주 시 쿠폰을 제공해요.

질문하고 즉시 답을 얻어요.

같은 기수와 교류하고 함께 성장해요.

winterlood님과 함께해요!

Inflearn Verified

Career Verified

41,653

Learners

3,199

Reviews

1,727

Answers

5.0

Rating

30

Courses

There is always a way to explain anything easily!

More

Co-instructor

One Bite Challenge 8th Cohort - Next.js

This challenge is a program for those who are taking the Next.js Cut into Bite-Sized Pieces course below.

This is the challenge page to apply for [One Bite Challenge 8th - Next.js]..

Only those who have purchased the Bite-Sized Next.js course can participate. mới có thể tham gia.

Lecture Link: https://inf.run/Laex8

[ One Bite Challenge Season 8 ] Apply for other courses

Check out other courses in the 8th Bite-Sized Challenge!!

[ One Bite Challenge 8th Generation OT ] Apply for the Free Seminar

Curious about One Bite Challenge 8th? Please sign up for the free seminar!!
This free seminar consists of an introduction to the One Bite Challenge, how it works, and a Q&A session for participants.
(* A recording will be provided to all challenge participants within 3 hours after the live session ends)

Apply for Live OT

챌린지 8기

Please send any inquiries to onebite.fe@gmail.com :)

2월

22일

챌린지 시작일

2026년 2월 22일 오후 03:00

챌린지 종료일

2026년 3월 27일 오후 02:59

챌린지 커리큘럼

All

35 lectures ∙ (30min)

Course Materials:

Lecture resources
챌린지 전용 수업

챌린지에서 배워요

  • A total of 2 toy projects (One Bite Books, One Bite Cinema)

  • Explore the latest Next.js (v15 or higher) concepts.

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

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

Recommended for
these people

Who is this course right for?

  • Those who want to quickly complete the course along with the missions

  • 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 (15+).

  • Those who are looking for a kind and detailed lecture

Need to know before starting?

  • React.js (Basic)

  • TypeScript (Basic)

Reviews

All

8 reviews

5.0

8 reviews

  • qktjwl123님의 프로필 이미지
    qktjwl123

    Reviews 1

    ∙

    Average Rating 5.0

    5

    60% enrolled

    Ah... this is so good... Please don't take a break and keep releasing more lectures.. Just take all my money..

    • sec님의 프로필 이미지
      sec

      Reviews 2

      ∙

      Average Rating 5.0

      5

      85% enrolled

      I was able to complete the course thanks to the challenge.

      • dmsal7616486님의 프로필 이미지
        dmsal7616486

        Reviews 3

        ∙

        Average Rating 5.0

        5

        100% enrolled

        It was a great experience to create and publish a program, even though it was small. I feel like I can try doing a personal project now!

        • jes62082771님의 프로필 이미지
          jes62082771

          Reviews 3

          ∙

          Average Rating 5.0

          5

          100% enrolled

          The step-by-step explanations, covering everything from theoretical concepts to actual project development and deployment, were a huge help in understanding the overall flow. Also, because it was conducted in a challenge format, I naturally found myself listening to the lectures frequently and was able to complete the entire course in a short amount of time. If I had just purchased a regular lecture, I think I would have procrastinated or taken much longer! Overall, it was a wonderful experience!!

          • 3top20110581님의 프로필 이미지
            3top20110581

            Reviews 7

            ∙

            Average Rating 5.0

            5

            32% enrolled

            이 강의의 지난 수강평

            취소 및 환불 규정
            챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

            winterlood's other courses

            Check out other courses by the instructor!

            Bite-Sized Vibe Coding - From Basics to Real-World Deployment (Claude & Cursor)Course Thumbnail

            Bite-Sized Vibe Coding - From Basics to Real-World Deployment (Claude & Cursor)

            winterlood

            $77.00

            30%

            $53.90

            Beginner / Web Application, Network, security training, claude, Vibe Coding

            5.0

            (41)

            400+
            Update
            Update
            Active Replies
            Active Replies
            Mission
            Mission

            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 - From Basics to Real-World Deployment (Claude & Cursor)Course Thumbnail

            Bite-Sized Vibe Coding - From Basics to Real-World Deployment (Claude & Cursor)

            winterlood

            $77.00

            30%

            $53.90

            Beginner / Web Application, Network, security training, claude, Vibe Coding

            5.0

            (41)

            400+
            Update
            Update
            Active Replies
            Active Replies
            Mission
            Mission
            Bite-Sized React (React.js): From Basics to PracticeCourse Thumbnail

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

            winterlood

            $37.40

            29%

            $26.40

            Basic / JavaScript, React, Node.js

            4.9

            (1,492)

            15,100+
            Update
            Update
            Active Replies
            Active Replies

            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

            $37.40

            29%

            $26.40

            Basic / JavaScript, React, Node.js

            4.9

            (1,492)

            15,100+
            Update
            Update
            Active Replies
            Active Replies
            Bite-sized Next.jsCourse Thumbnail

            Bite-sized Next.js

            winterlood

            $37.40

            29%

            $26.40

            Basic / React, TypeScript, Next.js

            5.0

            (611)

            5,700+
            Active Replies
            Active Replies

            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.

            Basic

            Basic

            React, TypeScript, Next.js

            Bite-sized Next.jsCourse Thumbnail

            Bite-sized Next.js

            winterlood

            $37.40

            29%

            $26.40

            Basic / React, TypeScript, Next.js

            5.0

            (611)

            5,700+
            Active Replies
            Active Replies
            Bite-Sized TypeScriptCourse Thumbnail

            Bite-Sized TypeScript

            winterlood

            $37.40

            29%

            $26.40

            Basic / TypeScript

            5.0

            (744)

            14,200+
            Active Replies
            Active Replies

            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

            $37.40

            29%

            $26.40

            Basic / TypeScript

            5.0

            (744)

            14,200+
            Active Replies
            Active Replies
            Bite-Sized React.js Practical Project - SNS EditionCourse Thumbnail

            Bite-Sized React.js Practical Project - SNS Edition

            winterlood

            $42.90

            28%

            $30.80

            Intermediate / React, TypeScript, react-query, supabase, zustand

            5.0

            (140)

            1,500+
            Active Replies
            Active Replies

            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

            $42.90

            28%

            $30.80

            Intermediate / React, TypeScript, react-query, supabase, zustand

            5.0

            (140)

            1,500+
            Active Replies
            Active Replies

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

            winterlood

            $15.40

            28%

            $11.00

            Basic / React, Web Application, TailwindCSS, react-query, zustand

            5.0

            (11)

            200+
            Active Replies
            Active Replies

            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

            $15.40

            28%

            $11.00

            Basic / React, Web Application, TailwindCSS, react-query, zustand

            5.0

            (11)

            200+
            Active Replies
            Active Replies

            $7.70