> For the complete documentation index, see [llms.txt](https://onenesss-organization.gitbook.io/jj-xiaoce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://onenesss-organization.gitbook.io/jj-xiaoce/next.js-kai-fa-zhi-nan/01.-da-yi-pian-xue-xi-lu-xian-yu-da-yi.md).

# 01. 答疑篇 ❘ 学习路线与答疑

### 学习路线

感谢购买小册!

这本小册由基础篇、实战篇、源码篇、面试篇四大篇章组成，预计 70 篇左右。

对于初学者，建议：

1. 看完基础篇前 20 篇，了解如何使用脚手架、如何定义路由、如何获取数据、如何定义样式等写 Next.js 项目最基本的知识
2. 基础篇后 16 篇作为开发手册使用，可以 10 分钟看完一篇，了解大致有哪些内容就行，用到时再查
3. 进入实战篇，至少写出第一个实战项目 React Notes，在实战中体会 Next.js 的用法
4. 进入源码篇，了解实现原理，知其然，知其所以然

### 常见问题

**Q：学习 Next.js 需要 React 基础吗？**

A：需要一点，但不多。如果你用过 React 做过项目，或是看过文档、写过 Demo，那够了，有遇到 React 问题不会的再去查就行。

<br>

**Q: 学习 Next.js 需要 Node.js 基础吗？**

A: 需要一点，但不多，比 React 还少。如果你给自己制定先系统学习 React，再学习 Node，最后学习 Next.js 这种看似“完美”的学习路线，我建议你尽早放弃。能不能完成这么漫长的学习周期，心里没点b数吗？

学习一定不能讲究“延迟满足”。整个过程时间周期太长，如果中间看不到任何反馈，你很容易就放弃。就算过程中实现了某个小目标，虽然感受到了自己的优秀和成长，但这种反馈往往又比较温和。一个东西花时间久又看不到什么大的成效，出于人趋利避害的本性，人自然就会选择逃避、放弃。

正是因为学习本身就是要克服痛苦的，所以学习更要讲究“及时反馈、及时满足”。 简单来说，不要磨磨唧唧，没那么难，直接上 Next.js，学完基础知识就做项目，过程虽痛苦但高效。做项目和解决实际问题才是最真实、有效、直接的反馈。

PS：其实“学习”这件事情也是需要学习的，可以听听冴羽长达 3 小时的关于[《如何高效学习》](https://www.yuque.com/yayu/blog/grow#TdtOC)的絮叨。

<br>

**Q：Next.js、Nuxt.js、Nest.js 傻傻分不清楚**

A：简单的说，Next 是 React 全栈框架，Nuxt 是 Vue 全栈框架，Nest 是后端框架。也就说，Next.js 适合用来做全栈项目，在 Next.js 中既可以写页面，又可以写接口，一个项目全部搞定。

而且 Next.js 内置了各种方便开发的 API 和工具，所以要快速创建一个性能还不错的全栈项目，那就用 Next.js。

Nuxt.js 对标 Next.js，可以放在一起讲，但其实也没有什么放在一起讲的必要，这更多是技术选型问题，会 React 用 Next.js ，会 Vue 用 Nuxt.js。而 Nest.js 是纯后端框架，也就是用来纯写后端服务。简单来说，写全栈项目用 Next 和 Nuxt，纯写后端服务，用 Nest。三者解决的是不同的场景问题，根据自己的需要选择即可。

<br>

**Q：学习 Next.js 有前途吗？**

A：目前 Next.js Npm 周均下载量 634W 左右，是国外主流的技术选型。React 首推的生产框架也是 Next.js。

而且 Next.js 背靠 Vercel，挖了不少业界大佬，比如 Sebastian Markbage（原 React 团队 Tech Lead）、Rich Harries（Svelte 作者）、Donny（SWC 作者）、Tobias Koppers（Webpack 作者）、Jared Palme（Turborepo 创始人）等等，全明星的开发团队，未来可期。

PS：至于人的前途，终归是要靠自己去创造的……

<br>

**Q：为什么推荐买这本小册？**

A：因为我写的小册我自然是要推荐的……开个玩笑，尽管 Next.js 是一个非常受欢迎的框架，但 Next.js 在中文文档汉化方面十分落后，能搜到的中文文档基本都停留在非常老的版本上且处于无人维护状态。Next.js 于 2022 年底推出了基于 RSC 的 v13 版本，提供了全新的开发方式，文档也早已重写，然而这些内容在国内却没有系统完整的介绍，能搜到的更多是单篇的粗略介绍，技术细节寥寥。

这就导致大家在使用 Next.js 的时候也许可以快速上手，但对于高阶的 API 却知之甚少。有更简单、便捷的实现方案却不知道，对于细枝末节上的问题需要多次深入英文文档翻找，对于一些没有过多解释的地方更需要自己反复测试和理解，这无疑增大了使用 Next.js 的成本。

我写的这本小册，也许不一定够好，但内容至少是新的、完整的、有体系的、有细致讲解的。与其自己费力的阅读英文文档，搜一堆细节问题的答案，踩一堆坑，不如跟着这本小册的内容循序渐进，肯定也会遇到一些问题，但一定比自己学省时省力。节省出的时间，请去创造自己的产品，去优化自己的业务，去找对象吧！

<br>

**Q：如何加入学习群？**

A：小册购买后，小册主页有个 “+学习群” 按钮，添加好友后回复特殊口令即会邀请你加入学习群。

PS：因为最近机器人被封，所以可以直接扫码入群。

<br>

**Q：还有什么建议？**

A: 费曼学习法是一个非常知名、备受推崇的学习法。它的核心是 —— 当你准备学习一门新知识时，必须站在传授者的立场，假设自己要向别人讲解这门知识。那么你一定要用最简洁、清晰和易于理解的语言表达出来，才能让行外的人也能听懂。

简单的来说就是确定要学习的目标，进行主题学习，然后以教为学，在输出的过程中不断重新学习、回顾和反思。

输出其实是一种对学习者更高的要求。因为在输出知识时你就不能简单地复制粘贴，而是既能总结出知识的精华，又能加上自己深刻的理解，还要用大家都能看懂、听懂的语言往外传播。

希望大家在阅读此本小册的过程中，能够持续输出，你学习时遇到的那些问题一定还会有其他小伙伴会遇到，将其解决方法和实现思路写出来，勇敢的分享出来吧！

PS：欢迎将自己原创的 Next.js 相关文章分享到此篇评论区中，至少我看到一定会给你点赞的！
