何时在 React 本身上使用 Nextjs？答案

【问题标题】：when to use Nextjs over the React itself?何时在 React 本身上使用 Nextjs？
【发布时间】：2020-12-03 20:08:39
【问题描述】：

我是 React 库的新手，我知道 React 的核心功能，并且我用它构建了简单的 Web 应用程序，诅咒，我正在利用惊人的create-react-app 命令使用npx。我之前构建的 Web 应用程序是 CSR（客户端渲染）应用程序，它们对 CEO 不友好，如果您想在您的 Web 应用程序中使用 create-react-app 实现 SSR应该努力通过阅读一些文章并了解一点Nodejs和Express等来做到这一点......

几天前我遇到了一个很棒的东西，叫做 Next.js 一个 React 框架，它构建在 React 库之上，它内置了 SSR 技术，并且它自己的文件夹结构和一个伟大框架的其他优点。

所以这是我的问题，在实际项目中，除了用户仪表板或管理面板之外，我们是否不希望我们的应用程序成为 SSR？我们什么时候需要在 React 本身上使用 Next.js？

我知道在某些情况下最好不要重新发明轮子，所以如果你能与我们分享你在这个特殊情况下的知识和经验，我将不胜感激。

非常感谢。

【问题讨论】：

标签： javascript reactjs next.js create-react-app

【解决方案1】：

在实际项目中是否存在我们不希望我们的应用程序成为 SSR 的情况？

例如，当您正在构建一种不允许公共访问且 SEO 不重要的用户面板时。另一种情况是托管 Next.js 应用程序 - 您需要在服务器上安装 Node.js 环境，而 CRA 构建简单的静态文件。在项目的早期阶段，它很容易部署和维护。

当您需要 SEO 或一种用于后端任务（数据库连接、表单等）的简单 API 时，Next.js 非常棒。在高级项目中，我认为将后端逻辑转移到单独的 API 中会更好。

另一方面，Next.js 需要另一种思路，有时组件在服务器端渲染，有时在客户端浏览器中渲染，初学者可能不太清楚。

我认为最好使用 CRA，然后，当您看到真正需要时，将 Next.js 添加到您的 CRA 项目中。

【讨论】：

感谢您的回复，您的意思是我们可以使用 Next.js 创建简单的 API？我们可以通过 Next.js 与 Mongo 等数据库进行通信吗？
是的，这是可能的。我相信有很多此类案例的教程，例如：developer.mongodb.com/how-to/… 还可以查看 Next.js 文档以了解如何创建 API 路由：nextjs.org/learn/basics/api-routes/creating-api-routes 它是 Node.js，因此您可以在那里做任何事情希望。