inflearn logo
강의

Course

Instructor
inflearn logo
Challenge
Ended
Programming

/

Web Development

One Bite Challenge 9th Cohort - Next.js

This is a challenge to complete the "Bite-Sized Next.js" course over approximately 4 weeks. (Missions and a progress tracker are provided) The 3rd installment of the Bite-Sized 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.

React
TypeScript
Next.js

22개 수업 학습

9회 미션 수행

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

완주 시 쿠폰을 제공해요.

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

winterlood님과 함께해요!

Inflearn Verified

Career Verified

41,220

Learners

3,180

Reviews

1,719

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

Co-instructor

One Bite Challenge 9th 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 application page for [One Bite Challenge 9th - Next.js].

Only those who have purchased the Bite-Sized Next.js course can participate. If you do not have the course yet, please purchase it through the discount link below before joining.

Course Discount Link (30%): https://link.onebitefe.com/r/6ow0o7

[ One Bite Challenge Season 9 ] Sign up for another course

Check out other courses in One Bite Challenge Season 9!!

[ One Bite Challenge 9th Batch OT ] Register for the Free Seminar

Curious about One Bite Challenge 9th? 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 with participants.
(* A recording will be provided to all challenge participants within 3 hours after the live session ends)

Apply for Live OT

챌린지 9기@2x

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

4월

6일

챌린지 시작일

2026년 4월 6일 오후 03:00

챌린지 종료일

2026년 5월 10일 오후 02:59

챌린지 커리큘럼

All

31 lectures ∙ (32min)

Course Materials:

Lecture resources
챌린지 전용 수업

챌린지에서 배워요

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

  • We will explore the latest Next.js (v15 or higher) 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.

Recommended for
these people

Who is this course right for?

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

  • To all students of the One Bite series

  • Beginners starting Next.js for the first time

  • Those who are looking for a kind and detailed lecture

Need to know before starting?

  • React.js (Basics)

  • TypeScript (Basics)

Reviews

All

2 reviews

5.0

2 reviews

  • electrohyun님의 프로필 이미지
    electrohyun

    Reviews 4

    ∙

    Average Rating 5.0

    5

    100% enrolled

    Through this challenge, I was finally able to study Next.js, and thanks to the set curriculum and missions, I was able to complete the entire course!! Thank you😁

    • kxxkupa님의 프로필 이미지
      kxxkupa

      Reviews 6

      ∙

      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

      (36)

      300+
      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

      (36)

      300+
      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,484)

      15,000+
      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,484)

      15,000+
      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

      (610)

      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

      (610)

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

      Bite-Sized TypeScript

      winterlood

      $37.40

      29%

      $26.40

      Basic / TypeScript

      5.0

      (743)

      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

      (743)

      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

      (138)

      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

      (138)

      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