利用这些资源免费学习 Next.js

大家好，昨天我分享了React 资源，我认为在学习完 React 之后，下一步可能是学习 Next.js。

因此，如果您不熟悉 Next.js，我将从以下内容开始：

• Next.js 是什么
• 它的优势
• 您可以在其中了解有关 Next.js 的更多信息

什么是 Next.js？

Next.js 是由 Vercel（以前称为 Zeit）创建的用于现代应用程序的全栈框架，支持服务器端渲染（SSR）和静态站点生成（SSG）等功能。

与传统的 React 应用程序（整个应用程序在客户端加载和渲染）不同，Next.js 允许服务器渲染首页加载，这对于 SEO 和性能非常有利。

它的好处

• 轻松的页面路由
• 开箱即用的 Typescript
• 易于部署
• 学习 React.js 后相对容易学习
• 内置 CSS 支持
• 多个数据获取
• 文件系统路由
• 代码拆分和捆绑

如果您想详细了解 Next.js 的好处，请查看这篇博文。

在哪里学习 Next.js

所以，如果你对 Next.js 感到好奇，我已经为你整理了一些免费资源，不要以为免费就不好或者诸如此类，这些资源对初学者很友好，并且由非常专业的开发人员授课，比如Colby Fayock、Netlify 的 Cassidy Williams、Vercel 的 Lee Robinson；如果你想了解更多，可以购买 Udemy 课程，我看到Maximilian Schwarzmüller 的 Academind刚刚发布了最新的 Next.js 课程，你可以看看。

如果您想从免费的开始，它们如下：

1. Next.js 官方网站

Next.js 网站上有非常完善的文档，包含示例项目和博客文章，值得一看。另一个值得关注的原因是 Next.js 更新非常快，阅读官方文档有助于你及时了解其变化。

2. Lee Robinson 的《掌握 Next.js》

Lee Robinson 是一位开发者、作家和创作者。他在 ▲Vercel 担任解决方案架构师。他有一个YouTube 频道，您可以访问该频道了解更多关于 Next.js 的信息。

3.超棒的 Next.js

精选的精彩资源列表：有关使用 Next.js 的书籍、视频、文章。

4.很棒的开源

排名前 288 位的 Next.js 开源项目。

5. Flavio Copes 撰写的《Next.js 手册》

6.下一个示例

探索所有官方 Next.js 示例。

7. Colby Fayock 的全栈 Next.js 教程

在本速成课程中，学习如何将新项目从设计阶段推进到开发阶段。我们将讲解构建全新 Web 应用的完整流程，包括设计新应用、从零开始构建应用、构建组件、使用经过身份验证的 API 添加动态内容、自动化测试以及将项目部署到 Web 平台。

8. Net Ninja-Next.js 教程

Net Ninja 打造了全新的 Next.js 系列，共 14 集。这些短小精悍的课程将带您学习 Next.js 的基础知识。

9. Brad Traversy 的新 Next.js 教程

10.与 Chris Sev 一起利用 Strapi 和 Next.js 构建全栈应用

11. Cassidy Williams 撰写的 Next.js 从头开始

与 Cassidy 一起学习使用 Next.js 的所有基本知识！

12. Codedamn 的 Nextjs 基础知识

掌握 Next.js 的核心基础知识 - 这是使用 React 构建服务器端渲染应用程序的最流行选择。

13. 100 秒学会 Next.js // 以及 Fireship 的完整初学者教程

100 秒学习 Next.js 基础知识！然后使用完整的 Next.js 初学者教程构建你的第一个服务器渲染 React 应用。

让我们联系吧🤗

如果您喜欢这篇文章，请在您的 Twitter 帐户上分享以支持我写更多文章，您也可以通过购买咖啡来支持我。

你可以在Twitter上关注我，我们可以互相交流。你也可以查看我的其他帖子。

如果您认为还有更多免费资源，请在评论中分享，我很乐意查看。