掌握Next.js
嘿，大家！我是Lee，Mastering Next.js的創造者本課程最初於2019年發布。 next.js自V9以來已經發展了很多，並且本課程的某些課程正式“過時”。
我已經更新了下面的課程概述，以註釋哪些零件是最新的，哪些已更改以及我的新建議是什麼。我認為，這是發展本課程的理想方式。這些視頻將作為對時間點的參考，但是框架的新添加使某些方面變得更加容易。
介紹
- ？立即觀看（26:07）
- ？這是我關於框架比較的最新想法
- ？該視頻提到了圖像優化，現在在Next.js中得到支持
反應概述
我在2019年教授班級組件，以轉換為React Hooks的人。在2021年，現在將React Hooks用於所有項目是標準的，我建議從那裡開始。
- ？觀看課（21:01）
- ？查看代碼
- ？道具與州
- ？功能組件
- ？反應鉤
- ？ ES6
- ？ JSX
- ？類組件
在本地發展
- ？觀看課（9:49）
- ？
next dev ， next build和next start - ？更漂亮
- ？現在在Next.js中支持圖像優化
- ？ ESLINT現在已集成到Next.js中
- ？標準（Prettier + Eslint贏得）
在頁面之間導航
- ？觀看課（19:25）
- ？查看代碼
- ？
next/link （客戶端路由） - ？
useRouter - ？從URL檢索數據
- ？
getInitialProps - 這在很大程度上被較新的API所取代
造型
- ？觀看課（20:04）
- ？查看代碼
- ？響應 +移動優先設計
- ？樣式JSX
- ？現在支持CSS＆CSS模塊
- ？薩斯 - 我會推薦其他選擇
- ？樣式組件 - 我建議其他選擇
獲取數據
- ？觀看課（46:30）
- ？查看代碼
- ？ API路線
- ？ SWR
- ？ GraphQl
- ？ Hasura
- ？阿波羅客戶 - 我建議SWR
- ？自定義服務器 - 對此的大多數需求已移至Next.js Core
next start 。
管理資產和SEO
- ？觀看課（14:19）
- ？最愛
- ？打開圖
- ？核心主題仍然對SEO有效
- ？現在在Next.js中支持圖像優化
- ？現在有關於SEO的官方指導
使用MDX建立博客
- ？觀看課（32:32）
- ？查看代碼
- ？ MDX與CMS
- ？組件庫（主題UI） - 我建議其他選項
- ？ Statickit - 由Formspree獲取
驗證
- ？觀看課（23:34）
- ？ JWTS
- ？ Auth0
- ？我有一個使用Firebase和Next.js的新課程
- ？現在將推薦下一個實施一個oss解決方案
- ？這是我關於國家管理（表格）的最新想法
測試和錯誤處理
- ？觀看課（33:12）
- ？笑話
- ？ React測試庫
- ？哨兵（請參見最新示例）
國家管理及更多
- ？觀看課（25:41）
- ？打字稿集成
- ？這是我關於國家管理的最新想法
- ？ redux（請參閱最新示例）
出口和部署
- ？觀看課（11:20）
- ？動詞
- ？您不再需要在
vercel.json中自定義任何內容 - 它只是有效的！ - ？ Zeit現在是Vercel
