如何将 NextJS 导出到动态页面中？不是静态 HTML 页面答案

【问题标题】：How to Export NextJS Into Dynamic Pages? Not a Static HTML Pages如何将 NextJS 导出到动态页面中？不是静态 HTML 页面
【发布时间】：2020-02-16 02:07:49
【问题描述】：

我正在尝试根据其官方文档导出 NextJs。但是它只能导出为静态 html。

如何将其导出到动态页面？每当用户提交数据时，它就会更新。就像使用（PHP，Javascript，CSS）构建的普通网站一样。同时，我正在尝试使用（PHP，NextJs，CSS）构建它。我看到有很多由 NextJS 构建的橱窗

我正在通过此代码进行导出

npm run build
npm run export

基于其文档 https://nextjs.org/learn/excel/static-html-export

然后，outout 位于“out”文件夹中。令人惊讶的是，它是一个静态 html 页面。我错过了什么吗？谢谢

【问题讨论】：

我从未使用过 nextJS，只使用过 nodejs/react，但据我了解，无论如何，您不应该（也不能？）将 nextjs 与 php 一起使用。如果您正在构建一个没有许多单独服务的 Web 应用程序，您可以使用 nextjs 或 PHP。
我只将 PHP 用于 API。它提供价值，然后由 NextJS 捆绑并显示输出。问题是，我对自动渲染很好奇。请看一下olx.co.za（我检查了该站点是用 react 构建的）并且它正在执行 SSR
您实际上应该在您将 PHP 放入 Next.JS 代码的地方发布一些代码

标签： javascript reactjs next.js

【解决方案1】：

我猜你正在使用 php 作为 API？和 Next.JS 用于 React 但带有 SEO？

所以在这些假设下，我将回答你的问题。

首先，Next.JS 支持两种渲染方式。

第一，用于静态网站的静态渲染。它是一堆静态文件，但与你想象的不同，你仍然可以调用 API、提交表单和操作基于服务器数据的 DOM。它不支持的是基于 URL 的通配符路由、您可以使用查询参数等做的一些 hacky 技巧以及其他一些东西。 Next 9 现在甚至可以实现这些。

第二个，是服务器端渲染，类似于您通常使用 php 和 JS 执行的操作，但这里使用 express（或 hapi 可能）和 next。 html 在服务器端动态构建并发送到浏览器，就像在 php 中一样，与静态构建中的设置相反，其中所有 DOM 操作都已定义并捆绑到 JS 中以供静态使用。

这两者都适合 SEO 和 Cool 一起开发。

附：在阅读了关于该问题的@mfakhrusy 评论后，如果您正在考虑将 next 视为在服务器中使用 PHP 替代传统 JavaScript，您可能需要了解 NodeJS 的基本知识以及 Next 的工作原理。

【讨论】：

当然，我按照你描述的方法做了，但是如何设置自动渲染呢？当用户调用时，它将呈现实际数据。你有什么参考吗？