NextJS 与 Express

Question

我对 NodeJS 后端开发很陌生，在下一个项目中学习和使用 NextJS 和 ExpressJS 之间的选择时感觉有点困惑，我对 ExpressJS 有点了解，比如构建 api，但不太清楚NextJS，每次我谷歌 NextJS vs ExpressJS 时，我都会得到 \xe2\x80\x9cNextJS vs React\xe2\x80\x9d 相关结果。

\n

因此，如果有人能帮助了解他们的身份、区别等，我们将不胜感激

\n

干杯

\n

Answer 1

ExpressJS 与 NextJS：有什么区别？

\n

关于每个框架的一些信息：

\n

\n

1.) Express.js 是什么？

\n

\n

ExpressJS： Express.js ，或者简称 Express，是Node.js的后端 Web 开发框架。它旨在用于 Web 应用程序和 API 的开发。它\xe2\x80\x99被称为Node.js\xe2\x80\x99事实上的标准服务器框架。

\n

StackOverflow 的这个答案更详细地解释了 Express 是什么。

\n

\n

2.)什么是 NextJS？

\n

\n

NextJS： Next.js 是用于生产的 React 框架。

\n

我们来揭穿这句话：

\n

\n
• “框架”：它有很多内置功能（例如取代的文件路由react-router-dom）可以帮助您解决常见问题。
\n
• “对于 React”：NextJS 只是增强您的 React 应用程序并为其添加更多功能。
\n
• “用于生产”：对于几乎所有生产就绪的 React 应用程序，您都需要解决某些问题。NextJS 为您解决这些问题。
\n

\n

Next.js 为您提供最佳的开发人员体验以及生产所需的所有功能：\xc2\xa0混合静态和服务器渲染、TypeScript 支持、智能捆绑、路由预取等。\xc2\xa0无需配置。

\n

ExpressJS 与 NextJS 功能对比

\n

ExpressJS 的一些功能包括：

\n

\n
• 稳健的路由
\n
• HTTP 帮助程序（重定向、缓存等）
\n
• 查看系统支持14+模板引擎
\n

\n

Next.js 提供以下主要功能：

\n

\n
• 零设置。使用文件系统作为 API（您不需要 Express 来构建全栈应用程序）
\n
• 服务器端渲染 (SSR)
\n
• 静态站点生成（SSG）
\n
• 单页应用程序 (SPA)
\n
• 开发更快的应用程序
\n
• 页面优化
\n
• 搜索引擎优化网站
\n
• 自动代码分割
\n

\n

结论

\n

Express.js 是用于构建 API 的后端框架，而 Next.js 是一个基于 React 构建的全栈框架，可改善项目的 SEO、开发体验和性能。这些功能之一是内置的 API 路由系统，可以取代 Express.js。

\n

这完全取决于您的情况和您的个人喜好。如果您正在构建不需要被搜索引擎找到的私有页面（只能通过身份验证才能访问的管理面板），则不需要 Next.js，而需要 Express.js。如果您正在构建公共网站（例如电子商务网站）并且正在使用 Next.js 进行 SEO 优化，则可以用它替换 Express.js。

\n

太长了；您可以用 NextJS 的 API 路由系统替换 Express API，但这只有在您构建全栈 React 项目时才有意义。如果它是一个独立的 API，那么使用 Next.js 来替换该 API 没有任何意义。

\n

Answer 2

Express 是用于在 Node.js 中构建 HTTP 服务器的通用工具。

Next.JS 是一个用于构建 HTTP 服务器的工具，专门用于执行 React 应用程序的服务器端渲染（并且它具有一些通用功能，因此您可以执行诸如为该 React 应用程序构建服务器端 API 来访问之类的操作）相同的包）。