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


講座 を紹介して、成長と収益を得ましょう!

マーケティングパートナーズ
講座 を紹介して、成長と収益を得ましょう!
学習した受講者のレビュー
5.0
jack
本当に理解しやすい講義です。パート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,073
受講生
83
受講レビュー
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
全体
5件
4.4
5件の受講レビュー
受講レビュー 7
∙
平均評価 4.4
受講レビュー 2
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 36
∙
平均評価 4.9
受講レビュー 10
∙
平均評価 4.7
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
¥3,497

