手につくNext.js - 移行

Name: 手につくNext.js - 移行
Price: 27500 KRW
Rating: 4.4 (5 reviews)

ReactからNext.js 14に移行し、ReactとNext.jsの違いを学びます。 Next.jsをより深く理解することができます！

（4.4）受講レビュー 5件

受講生 151名

難易度初級

受講期間 無制限

hajoeun

Next.js

React

vitejs

Next.js

React

vitejs

学習した受講者のレビュー

4.4

5.0

jack

100% 受講後に作成

本当に理解しやすい講義です。パート2もありがとうございます！

5.0

정효성

91% 受講後に作成

2部も本当にいいですねファイティングです！

5.0

스타현이

100% 受講後に作成

Next.jsの恩寵となる講義です。おかげでたくさん学びました！

受講後に得られること

Reactで始まったサービスをNext.jsに置き換える
React RouterをApp Routerに置き換える
Next.js 14の設定（Config）を理解する

比較して学ぶNext.js

Reactでサービスを運営していると、Next.jsに移行する必要があることもあります。移行は複雑で難しいことですが、その過程でサービスをより深く理解する機会になることもあります。今回の講義もマイグレーションという形式をとり、ReactとNext.jsを比較し、新しい知識を学ぶ機会にしようとしています。 #React、#Next.js、#next.js、#next、#vitejs

この講義で得られるもの

Next.jsで使用するデフォルト設定をはじめ、TypeScript設定、ESLint設定を理解できます。
Create React App、Viteで作成したReactアプリをNext.jsに移行できます。
移行中にReactとNext.jsの違いを理解できます。

こんな方に
おすすめです

学習対象は
誰でしょう？

最初の移行プロジェクトを控えた方
ReactをNext.jsに移行したい人
ReactとNext.jsの違いを理解したい人

前提知識、
必要でしょうか？

React
TypeScript

こんにちは
です。

1,073

受講生

受講レビュー

回答

4.8

講座評価

講座

Marpple、BankSaladを経て、現在は当根（Karrot）でフロントエンドエンジニアとして働いています。

「あなたが必要だ」、「あなたの存在が私の力になる」という言葉が好きです。隣人のニーズを満たし、力になること、それが愛だと信じています。良い講義を通じて皆さんのニーズを満たし、力になれるよう努めてまいります。

カリキュラム

全体

32件 ∙ (1時間 43分)

セクション 1．Intro

2件 ∙ (9分)

1. 講義・講師紹介
05:33
2. Next.jsが必要な瞬間
03:45

セクション 2．Next.js設定を読む

5件 ∙ (23分)

3. next.config.jsを読む
06:13
4. tsconfig.jsonを読む
11:10
5. .eslintrc.jsonを読む
02:50
6. package.jsonを読む
01:47
7. フォルダ構造を見る
01:53

セクション 3．プロジェクト紹介

1件 ∙ (1分)

8. 例と共通環境設定
01:40

セクション 4．ViteからNext.jsへの移行

7件 ∙ (18分)

セクション 5．Create React AppからNext.jsに移行する

7件 ∙ (12分)

セクション 6．React RouterからApp Routerへの移行

9件 ∙ (35分)

セクション 7．Outro

1件 ∙ (2分)

講座掲載日:

最終更新日:

受講レビュー

全体

5件

4.4

5件の受講レビュー

qkdwogns988090
受講レビュー 7
∙
平均評価 4.4
5
100% 受講後に作成
本当に理解しやすい講義です。パート2もありがとうございます！
skgyaos35481
受講レビュー 2
∙
平均評価 5.0
5
91% 受講後に作成
2部も本当にいいですねファイティングです！
dohyun0505
受講レビュー 35
∙
平均評価 4.9
5
100% 受講後に作成
Next.jsの恩寵となる講義です。おかげでたくさん学びました！
khy21062423
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成
最初は＆#x27;1弾聞いたので2弾も艦に聞いてみるべきだよ～'という考えで軽く受講を始めました。さて聞いてみると、私が作ったリアクトプロジェクトもネクストでぜひマイグレーションしてみたいという気がしましたㅎㅎ開発ライフに活力を加えてくれる良い講義でした！
codingcastle
受講レビュー 10
∙
平均評価 4.7
2
31% 受講後に作成
分量に比べて高価なようですㅜ

￥3,492

hajoeunの他の講座

知識共有者の他の講座を見てみましょう！

手につくNext.js - ブログを作る

hajoeun

Next.jsで個人的なブログを作成し、Next.jsを手に入れてください！

Basic

Next.js, React, Blog

手につくNext.js - ブログを作る

hajoeun

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

公式ドキュメントで最新のNext.jsを学びます。トラブルシューティングのツールとして、Next.jsが必要な理由を理解できます！

Basic

Next.js, next.js13, React

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

似ている講座

同じ分野の他の講座を見てみましょう！

手につくNext.js - ブログを作る

hajoeun

Next.jsで個人的なブログを作成し、Next.jsを手に入れてください！

Basic

Next.js, React, Blog

手につくNext.js - ブログを作る

hajoeun

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

公式ドキュメントで最新のNext.jsを学びます。トラブルシューティングのツールとして、Next.jsが必要な理由を理解できます！

Basic

Next.js, next.js13, React

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

Next.jsとyolov11で火災検知システム構築

ludgi

Next.js, YOLOv11, FastAPIを活用してリアルタイム火災検知システムを構築する方法を学びます。

Basic

Next.js, yolo, Python

Next.jsとyolov11で火災検知システム構築

ludgi

一口サイズで切って食べる実践プロジェクト - SNS編

winterlood

いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証・認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を実装します。この過程で、ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法も学んでいく予定です。

Intermediate

supabase, zustand, react-query

一口サイズで切って食べる実践プロジェクト - SNS編

winterlood

SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

dodocoding

FirebaseのSQL版！Supabaseを通じてNext.jsのフルスタックの基礎をマスターできます！

Basic

Next.js, supabase, React

SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

dodocoding

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

Next.jsフルコースをディップして食べよう！ GraphQL、Redis、RabbitMQ、Prisma、TailwindCSS、Docker Compose、Cypress、Prometheus、Grafanaなど、最新技術で実践プロジェクトを完成させ、App RouterとPage Routerの両方を経験できます。

Intermediate

Next.js, React, GraphQL

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

初心者でもできる、ウェブ、サーバー、モバイルアプリ、機械学習まで習得できるフルスタックの最終講義!! 開発をどこから始めたらよいかわからない場合は、この講義を強くお勧めします。Javascript 1 つで進めます!

Beginner

JavaScript, React, Node.js

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

Basic

Clone Coding, Node.js, React

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

AI時代、半日でWebサイト開発からデプロイまでバイブコーディング with MCP & Gemini CLI

codebridge

最近話題のバイブコーディング！AIツールを活用してカチッ！クリックだけでウェブサイト(Next.js)を開発してデプロイする方法を学べます。Google Gemini proを無料で利用して開発する方法までお教えします。

Beginner

Git, Next.js, Generative AI

AI時代、半日でWebサイト開発からデプロイまでバイブコーディング with MCP & Gemini CLI

codebridge

1時間でChat GPTクローンをCursorで作成（ワンデークラス）

dodocoding

Next.js + Cursor IDE でチャットプログラムを1時間で実装できる能力が身につきます。

Beginner

nextjs, ChatGPT, React

1時間でChat GPTクローンをCursorで作成（ワンデークラス）

dodocoding

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

この講義をすべて受講し、応用すれば皆さんだけのサイト、アプリを作ることができます。この講義はCursor AIを利用して、私たち家族だけのためのグループチャットルームをWebサイトとして作成しながら、コーディングの流れを自然に習得するバイブコーディング入門講義です。App開発者アカウントやMacBookなしで、Windows環境だけでも開発を知らなくても誰でも簡単に真似することができ、実際のWebサイトとして配布する方法も学びます。

Beginner

Firebase, Next.js, vercel

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

Basic

React Native, React, ES6

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

Intermediate

React, Next.js, cursor

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せてあなたはより重要な問題解決に集中してください。理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIが得意な開発者」として認められる確実な方法をお教えします。

Basic

Spring Boot, Next.js, AI

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

タイプスクリプトを正しく理解するには、公式文書を一度見てください。文書の重要な部分だけがコックを拾い、分かりやすく伝えます。実戦に必要な内容も一緒にお知らせする講義です！

Beginner

TypeScript, JavaScript, ES6

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

SpringAI + Reactで作る私だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です!

Basic

React, Kotlin, Spring Boot

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

Basic

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

Basic

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

Basic

React, Electron, GUI

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

[PROKIT] フロントエンドプロジェクトキット：タイマーアプリを作る

nybs

フロントエンドプロジェクトのミッションコンテンツです。DevTimeというタイマーアプリを直接実装しながらプロジェクト実習ができるよう、PRD企画書、Figmaデザイン、APIエンドポイントを提供します。実際のサービスと同等レベルのプロジェクトを実装しながら、これまで学習した知識を完璧に自分のものにしてみましょう 🚀

Beginner

React

[PROKIT] フロントエンドプロジェクトキット：タイマーアプリを作る

nybs

手につくNext.js - 移行

学習した受講者のレビュー

4.4

受講後に得られること

比較して学ぶNext.js

この講義で得られるもの

何を学びますか？

1. Next.jsの設定を読む

2. Viteから移行する

3. Create React Appから移行する

4. React Routerから移行する

受講前の注意

練習環境

学習資料

この講義を聞く前に

関連講義

[手につくNext.js] 1⃣公式ドキュメントを見る

こんな方に
おすすめです

こんにちは
です。

カリキュラム

受講レビュー

hajoeunの他の講座

似ている講座

手につくNext.js - 移行

学習した受講者のレビュー

4.4

受講後に得られること

比較して学ぶNext.js

この講義で得られるもの

何を学びますか？

1. Next.jsの設定を読む

2. Viteから移行する

3. Create React Appから移行する

4. React Routerから移行する

受講前の注意

練習環境

学習資料

この講義を聞く前に

関連講義

[手につくNext.js] 1⃣公式ドキュメントを見る

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

hajoeunの他の講座

似ている講座

こんな方に
おすすめです

こんにちは
です。