
手につくNext.js - ブログを作る
hajoeun
¥3,760
初級 / Next.js, React, Blog
4.9
(9)
100+
Next.jsで個人的なブログを作成し、Next.jsを手に入れてください!
初級
Next.js, React, Blog
ReactからNext.js 14に移行し、ReactとNext.jsの違いを学びます。 Next.jsをより深く理解することができます!


学習した受講者のレビュー
5.0
잉어
本当に理解しやすい講義です。パート2もありがとうございます!
5.0
정효성
2部も本当にいいですねファイティングです!
5.0
스타현이
Next.jsの恩寵となる講義です。おかげでたくさん学びました!
Reactで始まったサービスをNext.jsに置き換える
React RouterをApp Routerに置き換える
Next.js 14の設定(Config)を理解する
React.jsから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の違いを理解できます。
Next.jsアプリのデフォルト設定に含まれているnext.config.js 、 tsconfig.json 、 .eslintrc.json 、 package.jsonファイルを読みます。移行に必要な設定を理解し、Next.jsの深さを追加できます。

さまざまな設定を一緒に読んでください。
Next.jsの公式ドキュメントで紹介されているガイドに従って、Viteで作成したReactアプリをNext.jsに移行します。 ViteとNext.jsの設定の違いを理解し、ReactとNext.jsの違いを理解できます。

Viteで始めてNext.jsに
Reactを初めて起動するときに使用するツールであるCRA(create-react-app)で作成されたReactアプリをNext.jsに移行します。 Viteで作成したアプリとは異なる点を見ながら、React、Next.jsをより多様に理解できます。

CRAから始めてNext.jsへ
Reactルーティングライブラリで最も一般的なReact RouterをApp Routerに置き換えます。ルーティング方法の違いを理解し、Next.jsファイルシステムベースのルーティング、サーバーコンポーネント、クライアントコンポーネントを手にすることができます。

React RouterからApp Routerへ
オペレーティングシステムと環境:macOS、Node.js 20.10.0
使用ツール:VSCode
使用サービス: Vercel , FakeStoreAPI
フィードバックを受けて着実に更新されるハンドブック
移行を通じてNext.js 14に切り替えた3つのサンプルソースコード
Next.jsが初めての場合
Next.js公式ドキュメントを見る講義を最初に聞くことをお勧めします!
無料で公開された講義を聞いて決定してください。
学習対象は
誰でしょう?
最初の移行プロジェクトを控えた方
ReactをNext.jsに移行したい人
ReactとNext.jsの違いを理解したい人
前提知識、
必要でしょうか?
React
TypeScript
キャリア認証
1,091
受講生
85
受講レビュー
47
回答
4.8
講座評価
3
講座
Marpple、BankSaladを経て、現在は当根(Karrot)でフロントエンドエンジニアとして働いています。
「あなたが必要だ」、「あなたの存在が私の力になる」という言葉が好きです。隣人のニーズを満たし、力になること、それが愛だと信じています。良い講義を通じて皆さんのニーズを満たし、力になれるよう努めてまいります。
全体
32件 ∙ (1時間 43分)
1. 講義・講師紹介
05:33
2. Next.jsが必要な瞬間
03:45
3. next.config.jsを読む
06:13
4. tsconfig.jsonを読む
11:10
5. .eslintrc.jsonを読む
02:50
6. package.jsonを読む
01:47
7. フォルダ構造を見る
01:53
8. 例と共通環境設定
01:40
全体
6件
4.5
6件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
受講レビュー 38
∙
平均評価 4.9
受講レビュー 2
∙
平均評価 5.0
受講レビュー 12
∙
平均評価 4.7
受講レビュー 10
∙
平均評価 4.7
知識共有者の他の講座はこちら
同じ分野の他の講座を見てみましょう!
新規会員登録で25%OFF
¥2,681
25%
¥3,581