inflearn logo
강의

Course

Instructor
inflearn logo
Challenge
Ended
Programming

/

Front-end

One Bite Challenge Season 7 - Next.js

This is a challenge to complete the "Bite-Sized Next.js (v15)" course over approximately 3 weeks, following a study schedule and completing missions.

React
TypeScript
Next.js
next.js13

24개 수업 학습

19회 미션 수행

완주 시 쿠폰을 제공해요.

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

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

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

winterlood님과 함께해요!

Inflearn Verified

Career Verified

40,826

Learners

3,155

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

Co-instructor

One Bite Challenge Season 7 - Next.js

This challenge is a program for those taking the Bite-Sized Next.js course. (JavaScript, TypeScript, and React.js applications are provided separately.)

This is the challenge page for applying to [Hanip Challenge 7th - Next.js].

Only those who have purchased the Bite-Sized Next.js course can participate.

Course Link: https://inf.run/yCHMH

Community Link: https://link.onebitefe.com/r/4jy7ac

[One Bite Challenge Season 7] Apply with a Different Course

[One Bite Challenge 7th Batch OT] Apply for Free Live Seminar

Apply for Live OT

자산 14@2x

12월

7일

챌린지 시작일

2025년 12월 7일 오후 03:00

챌린지 종료일

2026년 1월 12일 오후 02:59

챌린지 커리큘럼

All

43 lectures ∙ (43min)

Course Materials:

챌린지에서 배워요

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

  • We'll explore the latest Next.js (v15 and above) concepts.

  • We'll explore most concepts from Page Router to App Router.

  • We'll explore various concepts including 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 with missions

  • Dear students of the Hanip series

  • Beginners who are just starting with Next.js

  • Those who want to learn with the latest Next.js (15+) version

  • If you're looking for kind and detailed lectures

Need to know before starting?

  • React.js (Basics)

  • TypeScript (Basics)

Reviews

All

11 reviews

4.9

11 reviews

  • onewayay1808님의 프로필 이미지
    onewayay1808

    Reviews 6

    ∙

    Average Rating 5.0

    5

    100% enrolled

    I'm learning so much about Next.js! I might not have finished everything if it wasn't for the challenge haha

    • seeeun님의 프로필 이미지
      seeeun

      Reviews 10

      ∙

      Average Rating 4.5

      5

      100% enrolled

      This was such a helpful Next.js course I'm trying to make a portfolio with Next.js and it was a huge help Please wish me luck in getting a job ㅜㅜ

      • wonza43724985님의 프로필 이미지
        wonza43724985

        Reviews 3

        ∙

        Average Rating 5.0

        5

        30% enrolled

        Teacher Jeonghwan is the best 😆

        • respect21047436님의 프로필 이미지
          respect21047436

          Reviews 6

          ∙

          Average Rating 5.0

          Edited

          5

          100% enrolled

          Thanks to the challenge, I was able to complete the course that I had been neglecting after purchasing Next. Now I just need to finish the remaining SNS course :)

          • minjujo119님의 프로필 이미지
            minjujo119

            Reviews 3

            ∙

            Average Rating 5.0

            5

            63% enrolled

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

            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

            $77.00

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

            5.0

            (35)

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

            $77.00

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

            5.0

            (35)

            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

            Basic / JavaScript, React, Node.js

            4.9

            (1,475)

            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

            Basic / JavaScript, React, Node.js

            4.9

            (1,475)

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

            Bite-sized Next.js

            winterlood

            $37.40

            Basic / React, TypeScript, Next.js

            5.0

            (608)

            5,600+
            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

            Basic / React, TypeScript, Next.js

            5.0

            (608)

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

            Bite-Sized TypeScript

            winterlood

            $37.40

            Basic / TypeScript

            5.0

            (734)

            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

            Basic / TypeScript

            5.0

            (734)

            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

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

            5.0

            (135)

            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

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

            5.0

            (135)

            1,500+
            Active Replies
            Active Replies

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

            winterlood

            $15.40

            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

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

            5.0

            (11)

            200+
            Active Replies
            Active Replies

            $4.40