跳到主要内容

Next.js 学习资源大全,良心推荐

哈喽,我是楷鹏。欢迎来到 Next.js 课程。

学习 Next.js,单一地看官方文档,或者看教学网站,可能还是不够的。

所以本节内容,主要推荐一下 Next.js 的相关学习资源,让你多角度学习 Next.js。

1. 官方文档

学习 Next.js,最权威的还是官方文档:https://nextjs.org/

不过 Next.js 官方文档只有英文,不支持多语言,国内有社区翻译,你可以访问这个网站:https://nextjscn.org/

英文阅读有障碍的话,可搭配浏览器翻译插件,推荐这一款:沉浸式翻译

它同步了 Next.js 最新 15 版本,可以作为官方文档的补充。

另外有一个域名很相像的 Next.js 中文文档 https://www.nextjs.cn,可惜在 2020 年后就停更了,不建议使用。

2. 教学网站

Next.js 在发布 14 版本的时候,还新增了一个教学网站:https://nextjs.org/learn

你可以在上面一步步学习 Next.js 的各个知识点。

同样,国内社区也有人同步了该教学中文网站:https://qufei1993.github.io/nextjs-learn-cn/

3. 书籍

关于 Next.js 看书的念头,你可以放弃了。

一方面是 Next.js 更新太快了,书籍跟不上,最新的 Real World Next.js 这本书,已经是 2022 年 2 月份出版的。

另一方面是第一节课提到的,Next.js 在国内不红,导致目前 Next.js 相关中文书少之又少。

4. 掘金小册

国内中文书虽然少,但还好有一个稀土掘金。

推荐这本掘金小册,《Next.js 开发指南》,作者是冴羽老师

5. 开源项目

学习 Next.js 最好的方式,还得是看优秀的开源项目。

目前 GitHub 破 10 万 star 的热门项目,要数张路宇的 Dify.ai 了:https://github.com/langgenius/dify

在其 /web 目录下,就是一个基于最新 15 版本的 Next.js 项目,可以参考学习。

另外还有其他一些 Next.js 开源项目,比如:

6. AI 辅助

AI 是当下每个程序员都应该掌握的技能,学习 Next.js 也不例外。

这里推荐我平时常用 AI 工具套装:

  • 编程类:Cursor、Copilot
  • 搜索类:Perplexity
  • 对话类:腾讯元宝、ChatGPT、Claude、Gemini
  • 在线编程:v0、Bolt.new、NoCode

总结

综上,学习 Next.js,一个是看官方文档,最新最权威,另一个是官方的教学网站,一步步学习,以及开源项目,学习别人优秀的代码和设计,最后就是 AI 辅助,让你学习和编码更高效。

最后,就是加上本课程,本课程是基于最新 15 版本的 Next.js 课程,可以大胆食用。

相信有了这些学习资源,你已经可以开始深入地学习 Next.js 了。

好了,以上就是本期的全部内容,感谢你的观看,我们下一节课见。