Programming

Front-end

Getting Familiar with Next.js - Migrating

Name: Getting Familiar with Next.js - Migrating
Price: 27500 KRW

Learn the differences between React and Next.js by migrating from React to Next.js 14. You will gain a deeper understanding of Next.js!

(4.4) 5 reviews

149 learners

hajoeun

3시간 만에 완강할 수 있는 강의 ⏰

마이그레이션

nextjs

Next.js

React

vitejs

Reviews from Early Learners

What you will learn!

Converting a service started with React to Next.js
Replacing React Router with App Router
Understanding the Config in Next.js 14

Learning Next.js by Comparing

Running a service with React often requires migrating to Next.js. While migration can be complex and challenging, it also provides an opportunity to gain a deeper understanding of your service. This lecture, taking the form of migration, will provide an opportunity to learn new skills by comparing React and Next.js. #React, #Next.js, #next.js, #next, #vitejs

What you will get from this course

You will be able to understand the default settings used in Next.js, as well as TypeScript settings and ESLint settings.
Create React App allows you to migrate React apps created with Vite to Next.js.
You will understand the differences between React and Next.js during the migration process.

Recommended for
these people

Who is this course right for?

For those of you who are about to embark on your first migration project
For those who want to migrate React to Next.js
For those who want to understand the differences between React and Next.js

Need to know before starting?

React
TypeScript

Hello
This is

1,053

Learners

Reviews

Answers

4.8

Rating

Courses

마플, 뱅크샐러드 거쳐 현재는 당근에서 프론트엔드 엔지니어로 일하고 있습니다.

"난 네가 필요해", "너의 존재가 나에게 힘이 돼"라는 말을 좋아합니다. 이웃의 필요를 채워주고 힘이 되어 주는 것, 그게 사랑이라고 믿습니다. 좋은 강의로 여러분의 필요를 채우고 힘이 되어드릴 수 있도록 노력하겠습니다.

Curriculum

All

32 lectures ∙ (1hr 43min)

Section 1. Intro

2 lectures ∙ (9min)

1. Introduction to lectures and instructors
05:33
2. When you need Next.js
03:45

Section 2. Read the Next.js configuration

5 lectures ∙ (23min)

3. Read next.config.js
06:13
4. Read tsconfig.json
11:10
5. Read .eslintrc.json
02:50
6. Read package.json
01:47
7. Examine the folder structure
01:53

Section 3. Project Introduction

1 lectures ∙ (1min)

8. Examples and common settings
01:40

Section 4. Migrating from Vite to Next.js

7 lectures ∙ (18min)

Section 5. Migrating from Create React App to Next.js

7 lectures ∙ (12min)

Section 6. Migrating from React Router to App Router

9 lectures ∙ (35min)

Section 7. Outro

1 lectures ∙ (2min)

Published:

Last updated:

Reviews

All

5 reviews

4.4

5 reviews

jack
Reviews 7
∙
Average Rating 4.4
5
100% enrolled
정말 이해가 잘되는 강의에요. 2부도 역시 감사합니다 !!
정효성
Reviews 2
∙
Average Rating 5.0
5
91% enrolled
2부도 정말 좋네요 화이팅입니다!
스타현이
Reviews 34
∙
Average Rating 4.9
5
100% enrolled
Next.js의 은총알이 되는 강의입니다. 덕분에 많이 배웠어요!
헤욤이
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
처음에는 '1탄 들었으니 2탄도 함 들어 봐야지~'라는 생각으로 가볍게 수강을 시작했습니다. 그런데 듣다 보니, 제가 만든 리액트 프로젝트도 넥스트로 꼭 마이그레이션 해 보고 싶다는 생각이 들었습니다ㅎㅎ 개발 라이프에 활력을 더해주는 좋은 강의였습니다!
코딩의성
Reviews 10
∙
Average Rating 4.7
2
31% enrolled
분량에 비해 가격이 비싼것 같습니다 ㅜ

$22.00

hajoeun's other courses

Check out other courses by the instructor!

손에 익는 Next.js - 블로그 만들기

하조은

Next.js로 개인 블로그를 만들며 Next.js를 손에 익혀봐요!

초급

Next.js, React, 블로그

손에 익는 Next.js - 블로그 만들기

하조은

손에 익는 Next.js - 공식 문서 훑어보기

하조은

공식 문서로 최신 Next.js를 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!

초급

Next.js, next.js13, React

손에 익는 Next.js - 공식 문서 훑어보기

하조은

Similar courses

Explore other courses in the same field!

손에 익는 Next.js - 블로그 만들기

하조은

Next.js로 개인 블로그를 만들며 Next.js를 손에 익혀봐요!

초급

Next.js, React, 블로그

손에 익는 Next.js - 블로그 만들기

하조은

손에 익는 Next.js - 공식 문서 훑어보기

하조은

공식 문서로 최신 Next.js를 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!

초급

Next.js, next.js13, React

손에 익는 Next.js - 공식 문서 훑어보기

하조은

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

초급

AWS, Docker, Next.js

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

초급

PostgreSQL, Next.js, TailwindCSS

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지

한윤석

OAuth 2.0을 구글이나 깃헙같은 계정으로 간편 로그인을 사용해봐서 이미 친숙하게 느껴질지도 모릅니다. 소셜 로그인은 OAuth 2.0을 확장하여 만들어진 것으로 핵심 기술은 OAuth 2.0 인가 프레임워크에 있습니다. OAuth 2.0의 원리를 이해하면 그것을 바탕으로 필요에 맞게 적절히 구현하고 조정하는 능력을 기를 수 있습니다.

초급

OAuth, Next.js, JavaScript

실습으로 마스터하는 OAuth 2.0: 기본부터 보안 위험까지

한윤석

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

Next.js + Cursor IDE 로 챗 프로그램을 한시간만에 구현하는 능력을 가질 수 있어요.

입문

nextjs, ChatGPT, React

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

도도(코딩루팡)

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

John Ahn

이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다.

초급

Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

John Ahn

이것이 진짜 바이브코딩 - 개발자를 위한 바이브코딩편

코드캠프

No Code, Only Prompt 10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만드는 '진짜' 실무적용 바이브코딩을 배울 수 있습니다.

입문

React, Next.js, cursor

이것이 진짜 바이브코딩 - 개발자를 위한 바이브코딩편

코드캠프

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.

입문

Firebase, Next.js, vercel

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

코딩 몰라도 OK! 당신의 아이디어를 단 4주 만에 실제 수익으로 바꿔보세요. AI와 최신 도구를 활용해, 웹사이트와 앱을 동시에 만들고 바로 서비스까지 연결합니다.

입문

Flutter, Next.js, cursor

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

딩코딩코

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

초급

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

초급

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

입문

JavaScript, React, Node.js

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

타입스크립트와 리액트 관련 강좌입니다.

중급이상

React, TypeScript

타입스크립트 코리아 : React with TypeScript 세미나

이웅재

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

입문

TypeScript, JavaScript, ES6

공식문서로 배우는 실전 타입스크립트

어쩔코딩

Getting Familiar with Next.js - Migrating

Reviews from Early Learners

What you will learn!

Learning Next.js by Comparing

What you will get from this course

What will you learn?

1. Read the Next.js settings

2. Migrating from Vite

3. Migrate from Create React App

4. Migrating from React Router

Things to note before taking the course

Practice environment

Learning Materials

Before taking this lecture

Related lectures

[Getting Started with Next.js] 1⃣ A Quick Look at the Official Documentation

Recommended for
these people

Hello
This is

Curriculum

Reviews

hajoeun's other courses

Similar courses

Getting Familiar with Next.js - Migrating

Reviews from Early Learners

What you will learn!

Learning Next.js by Comparing

What you will get from this course

What will you learn?

1. Read the Next.js settings

2. Migrating from Vite

3. Migrate from Create React App

4. Migrating from React Router

Things to note before taking the course

Practice environment

Learning Materials

Before taking this lecture

Related lectures

[Getting Started with Next.js] 1⃣ A Quick Look at the Official Documentation

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

hajoeun's other courses

Similar courses

Recommended for
these people

Hello
This is