Mastering Next.js
ねえ、みんな！私はリー、next.jsのマスターの作成者です。このコースはもともと2019年にリリースされました。Next.JSはV9とこのコースの一部が公式に「時代遅れ」であるため、かなり進化しました。
以下のコースの概要を更新して、どのパーツが最新か、どの部品が変更されているか、そして私の新しい提案とは何かを注釈しました。私の意見では、これはこのコースを進化させる理想的な方法です。ビデオは時点への参照として機能しますが、フレームワークに新たに追加されると、特定の側面がはるかに簡単になります。
導入
- ？今すぐ見る（26:07）
- ？フレームワークの比較に関する私の最新の考えは次のとおりです
- ？このビデオは、次の.jsでサポートされている画像の最適化について言及しています
概要の概要
私は、2019年に、まだReactフックに変換する過程にある人のためにクラスコンポーネントを教えました。 2021年には、すべてのプロジェクトにReactフックを使用することが標準であり、そこから始めることをお勧めします。
- ？レッスンを見る（21:01）
- ？コードを表示します
- ？小道具と状態
- ？機能コンポーネント
- ？反応フック
- ？ ES6
- ？ JSX
- ？クラスコンポーネント
ローカルで開発
- ？レッスンを見る（9:49）
- ？
next dev 、 next build 、およびnext start - ？きれい
- ？ Image Optimizationは、next.jsでサポートされています
- ？ ESLINTは、next.jsに統合されました
- ？ Standard（Prettier + Eslint Won）
ページ間でナビゲートします
- ？レッスンを見る（19:25）
- ？コードを表示します
- ？
next/link （クライアント側のルーティング） - ？
useRouter - ？ URLからデータを取得します
- ？
getInitialProps - これは主に新しいAPIに置き換えられました
スタイリング
- ？レッスンを見る（20:04）
- ？コードを表示します
- ？レスポンシブ +モバイルファーストデザイン
- ？ Styled-JSX
- ？ CSS＆CSSモジュールは箱から出してサポートされています
- ？ SASS-他のオプションをお勧めします
- ？スタイルのコンポーネント - 他のオプションをお勧めします
データの取得
- ？レッスンを見る（46:30）
- ？コードを表示します
- ？ APIルート
- ？ SWR
- ？ graphql
- ？ hasura
- ？アポロクライアント - SWRをお勧めします
- ？カスタムサーバー - これのほとんどのニーズは、next.jsコアの
next startに移行しました。
資産とSEOの管理
- ？レッスンを見る（14:19）
- ？ファビコン
- ？グラフを開きます
- ？コアテーマはまだSEOにとって有効です
- ？ Image Optimizationは、next.jsでサポートされています
- ？現在、SEOに関する公式ガイダンスがあります
MDXでブログを構築します
- ？レッスンを見る（32:32）
- ？コードを表示します
- ？ MDX対CMS
- ？コンポーネントライブラリ（テーマUI） - 他のオプションをお勧めします
- ？ Statickit - Formspreeによって買収
認証
- ？レッスンを見る（23:34）
- ？ jwts
- ？ Auth0
- ？ Firebaseとnext.jsを使用した新しいコースがあります
- ？ OSSソリューションには次のAuthをお勧めします
- ？これが州の管理に関する私の最新の考えです（フォーム）
テストとエラー処理
- ？レッスンを見る（33:12）
- ？冗談
- ？反応テストライブラリ
- ？セントリー（最新の例を参照）
国家管理＆その他
- ？レッスンを見る（25:41）
- ？タイプスクリプト統合
- ？これが州の管理に関する私の最新の考えです
- ？ Redux（最新の例を参照）
エクスポートと展開
- ？レッスンを見る（11:20）
- ？ヴェルセル
- ？
vercel.jsonで何かをカスタマイズする必要はもうありません - それは機能します！ - ？ Zeitは現在Vercelです
