
Next.js in your hands - Creating a blog
hajoeun
Get familiar with Next.js by creating a personal blog with Next.js!
초급
Next.js, React, Blog
ReactからNext.js 14に移行し、ReactとNext.jsの違いを学びます。 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,066
受講生
83
受講レビュー
47
回答
4.8
講座評価
3
講座
마플, 뱅크샐러드 거쳐 현재는 당근에서 프론트엔드 엔지니어로 일하고 있습니다.
"난 네가 필요해", "너의 존재가 나에게 힘이 돼"라는 말을 좋아합니다. 이웃의 필요를 채워주고 힘이 되어 주는 것, 그게 사랑이라고 믿습니다. 좋은 강의로 여러분의 필요를 채우고 힘이 되어드릴 수 있도록 노력하겠습니다.
全体
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
受講レビュー 35
∙
平均評価 4.9
受講レビュー 2
∙
平均評価 5.0
5
At first, I started taking the course lightly, thinking, "I've listened to the first part, so I should listen to the second part too." But as I listened, I realized that I definitely want to migrate the React project I created to NeXT. It was a great course that added vitality to my development life!
受講レビュー 10
∙
平均評価 4.7
¥3,530
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!