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 开源项目,比如:
- LobeChat(63.1k): https://github.com/lobehub/lobe-chat
- Supabase(85.2k):https://github.com/supabase/supabase
- Cal.com(37k): https://github.com/calcom/cal.com
- Infisical(18.4k): https://github.com/Infisical/infisical
6. AI 辅助
AI 是当下每个程序员都应该掌握的技能,学习 Next.js 也不例外。
这里推荐我平时常用 AI 工具套装:
- 编程类:Cursor、Copilot
- 搜索类:Perplexity
- 对话类:腾讯元宝、ChatGPT、Claude、Gemini
- 在线编程:v0、Bolt.new、NoCode
总结
综上,学习 Next.js,一个是看官方文档,最新最权威,另一个是官方的教学网站,一步步学习,以及开源项目,学习别人优秀的代码和设计,最后就是 AI 辅助,让你学习和编码更高效。
最后,就是加上本课程,本课程是基于最新 15 版本的 Next.js 课程,可以大胆食用。
相信有了这些学习资源,你已经可以开始深入地学习 Next.js 了。
好了,以上就是本期的全部内容,感谢你的观看,我们下一节课见。