강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Front-end

Next.js (v15) in Bite-Sized Pieces

The 3rd work in the One Bite series! This is the kindest and most detailed Next.js(15+) course in the world. We'll explore not only App Router but also Page Router through projects.

(5.0) 524 reviews

5,174 learners

Level Basic

Course period Unlimited

  • winterlood
Next.js
Next.js
React
React
TypeScript
TypeScript
Next.js
Next.js
React
React
TypeScript
TypeScript

Reviews from Early Learners

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

  • Let's 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 such as Server Components, page routing, layout configuration, data fetching, streaming, and deployment

로드맵안내_넥스트

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

Series Course Links
> React in Bite-Sized Pieces:https://inf.run/v3XAj
> TypeScript in Bite-Sized Pieces: https://inf.run/FpLm4
> Next.js in Bite-Sized Pieces: https://inf.run/v3XAj

Thanks to your tremendous support, this course has also been published as a book. Thank you sincerely 🙇‍♂

  • Bite-sized Next.js | Official Trailer

Bite-sized Next.js(15+)

15 hours of content covering
from Page Router to App Router

💡 What is Page Router?

A router used until Next.js version 13
Provides intuitive and stable features

💡 What is App Router?

The latest router released after Next.js version 13
Provides modern features such as streaming and server actions

The App Router, newly introduced in Next.js version 13, was created to address the shortcomings of the Page Router.
Therefore, without understanding the Page Router, it is difficult to easily grasp the new mechanisms of the App Router.

Therefore, this course will quickly cover Page Router (5 hours) first, then dive into App Router (10 hours) in depth. Through this, you'll gain a deep understanding of what limitations Page Router had and how App Router overcomes these limitations.

⚠ But don't get me wrong - this course focuses on App Router.

Stop with static visual materials ✋
Explore Next.js with intuitive animations

Next.js has many features with complex mechanisms.
Therefore, static visual materials alone are not sufficient to explain them fully.
This course is accompanied by intuitive animations like the ones below

Visual materials related to App Router Layout

React Server Component related visual materials

Visual materials related to React Server Components

Visual materials related to Client Router Cache

As close to real-world scenarios as possible 🚧
Self-developed backend server provided for hands-on practice

To examine Next.js's various caching features in an environment closer to real-world scenarios,
we provide a custom-built backend server.

swagger

Backend Server API Documentation

Course Structure

Section 1. Introducing Next.js

Before diving into the main learning, we'll explore what Next.js technology is
and why it's 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) Quickly explore the Page Router, which has been provided since the early release of Next.js, along with the project.
At the same time, we'll also examine what inconveniences and technical limitations the Page Router has.

curi-2-1

Section 2. Introducing Page Router

curi-2-2

Section 2. Introducing Page Router

Section 3. Getting Started with App Router

The center of attention! We'll explore App Router. We'll learn what App Router is, what technical differences it has, and also look at 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'll explore data fetching using Server Components.
At the same time, we'll also look at the various caching mechanisms provided by Next (Data Cache, Request Memoization).

curi-4-1

Section 4. Data Fetching

curi-4-2

Section 4. Data Fetching

Section 5. Page Caching

We'll take a detailed look at the App Router version's page caching: Full Route Cache and Client-side Router Cache.
At the same time, we'll also explore Route Segment Config, which forcibly sets page caching options.

curi-5-1

Section 5. Page Caching

curi-5-2

Section 5. Page Caching

Section 6. Streaming & Error Handling

We'll explore streaming, which helps render parts of a page as soon as they're ready.
We'll look at both approaches: using the Loading file and using Suspense..

We also explore error handling using the Error file and page recovery methods.

curi-6-1

Section 6. Streaming and Error Handling

curi-6-2

Section 6. Streaming and Error Handling

Section 7. Server Actions

We'll explore Server Actions, which sparked a heated response when first released.
We'll look at how to add or delete data using Server Actions, 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'll explore the newly provided parallel routes & intercepting routes in App Router.
Using these, we'll implement functionality to display specific pages as modals without disrupting user navigation.

curi-8-1

Section 8. Advanced Routing Patterns

curi-8-2

Section 8. Advanced Routing Patterns

Section 9. Optimization and Deployment

We'll explore optimization methods for images, metadata, pages, regions, and more.
We'll deploy the optimized project to Vercel and work on improving performance once more.

curi-9-1

Section 9. Optimization and Deployment

curi-9-2

Section 9. Optimization and Deployment

5 Principles of the Hanip Series

⚖ Principle 1. Intuitive and Rich Visual Materials

Just as the same food tastes better when it looks appealing,
I believe that even the same concept explanation is easier to understand with more intuitive and attractive visual materials.

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

⚖ Principle 2. Kindness

When new terms or concepts appear, I didn't gloss over them or assume you already know them. I made every effort to ensure you won't need to Google anything separately while taking the course.

⚖ Principle 3. Plausibility

To maintain your interest, I always considered plausibility when creating the lectures, making sure that whenever new content appears, it's connected to previous material and that you won't feel like the flow is suddenly interrupted.

⚖ Principle 4. Good Vocalization and Diction

Since you'll be listening to my voice for a long time, I'm always working on good vocalization and diction.
To this end, I've created the lectures so that you can understand everything even when played at 2x speed.

Give it a listen! 2x Speed Playback Link

⚖ Principle 5. Communication

Students gather in the exclusive community to share knowledge and news with each other and grow together.

Anticipated Questions Q&A 💬

Q. Who is this course for?

This course is optimized for those who have basic knowledge of React.js and TypeScript.
However, for TypeScript, we will provide additional explanations and supplementary learning materials throughout the course, so
you should be able to follow along without difficulty, except for the parts about writing types.

Q. I only want to learn App Router, do I really need to go through the Page Router section too?

If you're proficient in Page Router, you can skip Section 2 and start learning directly from Section 3.
However, you need accurate metacognition about whether you fully understand the limitations and characteristics of Page Router.

Portfolio and Personal Videos

INFCON2023 - Why is TypeScript Like That?

(Book) Bite-Sized React Introduction Video

Recommended for
these people

Who is this course right for?

  • 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

  • For those looking for a kind and detailed lecture

Need to know before starting?

  • React.js (Basics)

  • TypeScript (Basics)

Hello
This is

37,200

Learners

2,604

Reviews

1,600

Answers

4.9

Rating

13

Courses

웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!

안녕하세요 🙇‍♂

저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자

세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.

 

Curriculum

All

66 lectures ∙ (15hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

524 reviews

5.0

524 reviews

  • 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?)

    • rhs199813739님의 프로필 이미지
      rhs199813739

      Reviews 9

      ∙

      Average Rating 5.0

      5

      8% enrolled

      Front-end lecture === Lee Jeong-hwan

      • dev8678

        I agree!!

    • bibipapa님의 프로필 이미지
      bibipapa

      Reviews 4

      ∙

      Average Rating 5.0

      5

      100% enrolled

      Don't bother digging, just watch this lecture

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

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

          $37.40

          winterlood's other courses

          Check out other courses by the instructor!

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

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

          winterlood

          Let's tackle everything from concepts to unique projects together and master JavaScript and React all at once with this course. Learn briefly, apply extensively - a 17-hour All-in-one course!

          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

          Beyond grammar, learn how it works and understand the concepts. No matter how much you study, TypeScript can be confusing—now learn it properly! We'll turn you into a TypeScript wizard🧙🏻‍♀️.

          Basic

          Basic

          TypeScript

          Bite-sized TypeScriptCourse Thumbnail

          Bite-sized TypeScript

          winterlood

          Bite-Sized Real-World Projects - SNS EditionCourse Thumbnail

          Bite-Sized Real-World Projects - SNS Edition

          winterlood

          Now it's time to take on a real challenge 🔥 Let's build a production-level SNS together using React.js + TypeScript + Supabase, implementing features like authentication & authorization, infinite scroll, image upload, likes, infinitely nested comments, and dark mode. Throughout this process, we'll also explore server and global state management techniques using Zustand and Tanstack Query.

          Intermediate

          Intermediate

          supabase, zustand, react-query

          Bite-Sized Real-World Projects - SNS EditionCourse Thumbnail

          Bite-Sized Real-World Projects - SNS Edition

          winterlood

          Similar courses

          Explore other courses in the same field!

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

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

          winterlood

          Let's tackle everything from concepts to unique projects together and master JavaScript and React all at once with this course. Learn briefly, apply extensively - a 17-hour All-in-one course!

          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

          Beyond grammar, learn how it works and understand the concepts. No matter how much you study, TypeScript can be confusing—now learn it properly! We'll turn you into a TypeScript wizard🧙🏻‍♀️.

          Basic

          Basic

          TypeScript

          Bite-sized TypeScriptCourse Thumbnail

          Bite-sized TypeScript

          winterlood

          Bite-Sized Real-World Projects - SNS EditionCourse Thumbnail

          Bite-Sized Real-World Projects - SNS Edition

          winterlood

          Now it's time to take on a real challenge 🔥 Let's build a production-level SNS together using React.js + TypeScript + Supabase, implementing features like authentication & authorization, infinite scroll, image upload, likes, infinitely nested comments, and dark mode. Throughout this process, we'll also explore server and global state management techniques using Zustand and Tanstack Query.

          Intermediate

          Intermediate

          supabase, zustand, react-query

          Bite-Sized Real-World Projects - SNS EditionCourse Thumbnail

          Bite-Sized Real-World Projects - SNS Edition

          winterlood

          Introduction to React (Introduction to React)Course Thumbnail

          Introduction to React (Introduction to React)

          pnuswedu

          Let's build the skills to develop web applications using React and cultivate the capability to apply them in practice!

          Basic

          Basic

          React, hook, react-router

          Introduction to React (Introduction to React)Course Thumbnail

          Introduction to React (Introduction to React)

          pnuswedu

          Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)Course Thumbnail

          Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)

          gymcoding

          This is a course where you'll learn the latest Next.js v15 App Router while building a practical developer blog based on Notion together. Additionally, you can gain various insights including how to utilize Cursor AI.

          Basic

          Basic

          React, Blog, Next.js

          Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)Course Thumbnail

          Next.js Complete Mastery (v15): Building a Notion-Based Developer Blog (with Cursor AI)

          gymcoding

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

          Creating an Avatar Community App (React Native Expo)

          Kyo

          We develop an avatar-based community app with React Native. You'll learn to build a comprehensive community app, covering post creation, comments/replies, likes, voting, avatar generation, etc.

          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

          [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

          [Fullstack Complete] Clone 3 websites with Supabase (Next.js 14)Course Thumbnail

          [Fullstack Complete] Clone 3 websites with Supabase (Next.js 14)

          lopun

          Supabase: Giving Wings to Full-stack Development! Through 3 clone projects, you will quickly learn how to build practical-level full-stack applications using Next.js 14 and Supabase.

          Basic

          Basic

          Next.js, supabase, TailwindCSS

          [Fullstack Complete] Clone 3 websites with Supabase (Next.js 14)Course Thumbnail

          [Fullstack Complete] Clone 3 websites with Supabase (Next.js 14)

          lopun

          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

          Next.js Full Course to Dip In (English Audio & Korean Subtitles)Course Thumbnail

          Next.js Full Course to Dip In (English Audio & Korean Subtitles)

          ludgi

          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.

          Intermediate

          Intermediate

          Next.js, React, GraphQL

          Next.js Full Course to Dip In (English Audio & Korean Subtitles)Course Thumbnail

          Next.js Full Course to Dip In (English Audio & Korean Subtitles)

          ludgi

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

          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

          Full Stack React Toy Project - REST, GraphQL (for FE Developers)Course Thumbnail

          Full Stack React Toy Project - REST, GraphQL (for FE Developers)

          jaenam

          Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

          Basic

          Basic

          REST API, GraphQL, React

          Full Stack React Toy Project - REST, GraphQL (for FE Developers)Course Thumbnail

          Full Stack React Toy Project - REST, GraphQL (for FE Developers)

          jaenam

          [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS CoreCourse Thumbnail

          [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

          codefactory

          JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

          Basic

          Basic

          NestJS, REST API, backend

          [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS CoreCourse Thumbnail

          [Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

          codefactory

          The 10x AI-Native Developer: How to Achieve Overwhelming Results with AI at Work

          dingcodingco

          AI is no longer a choice, but a matter of survival. Reduce development that took 3 days to 30 minutes, delegate repetitive tasks to AI, and focus on solving more important problems. With AI-native development methods that you can apply immediately in real work, not just theory, we'll show you the definitive way to be recognized as a "developer who's good at AI" at your company.

          Basic

          Basic

          Spring Boot, Next.js, AI

          The 10x AI-Native Developer: How to Achieve Overwhelming Results with AI at Work

          dingcodingco

          Creating Super Simple Group Chat for Non-Majors (Vibe Coding, Cursor AI)Course Thumbnail

          Creating Super Simple Group Chat for Non-Majors (Vibe Coding, Cursor AI)

          teracokr

          Upon completing and applying these lectures, you can create your own sites and apps. This introductory VibeCoding lecture uses Cursor AI to help you naturally learn coding flow by creating a Web site group chat for your family. Without an App developer account or MacBook, anyone can easily follow along in a Windows environment, even without dev knowledge, and learn to deploy it as a real website.

          Beginner

          Beginner

          Firebase, Next.js, vercel

          Creating Super Simple Group Chat for Non-Majors (Vibe Coding, Cursor AI)Course Thumbnail

          Creating Super Simple Group Chat for Non-Majors (Vibe Coding, Cursor AI)

          teracokr

          TypeScript Introduction - From Basics to PracticeCourse Thumbnail

          TypeScript Introduction - From Basics to Practice

          captain

          This is a course for those starting with TypeScript. The curriculum has been designed so that even those unfamiliar with modern JavaScript syntax can learn easily. Let's learn TypeScript, which may seem difficult, in an easy and fun way from a beginner's perspective 😄

          Basic

          Basic

          TypeScript, ES6, JavaScript

          TypeScript Introduction - From Basics to PracticeCourse Thumbnail

          TypeScript Introduction - From Basics to Practice

          captain

          Vibe Coding: Building a Voice Memo App with Next.js + FastAPI + Faster-WhisperCourse Thumbnail

          Vibe Coding: Building a Voice Memo App with Next.js + FastAPI + Faster-Whisper

          ludgi

          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.

          Basic

          Basic

          Next.js, FastAPI, whisper

          Vibe Coding: Building a Voice Memo App with Next.js + FastAPI + Faster-WhisperCourse Thumbnail

          Vibe Coding: Building a Voice Memo App with Next.js + FastAPI + Faster-Whisper

          ludgi

          Creating a Monetized Service in 4 Weeks as a Non-Developer: AI Vibe Coding Web + App ALL IN ONE

          dingcodingco

          No coding knowledge needed! Turn your idea into real revenue in just 4 weeks. Using AI and the latest tools, create both a website and app simultaneously and connect them directly to services.

          Beginner

          Beginner

          Flutter, Next.js, cursor

          Creating a Monetized Service in 4 Weeks as a Non-Developer: AI Vibe Coding Web + App ALL IN ONE

          dingcodingco