mastering nextjs

掌握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