如何将NextJS导出到动态页面?不是静态HTML页面

时间:2019-10-19 07:56:36

标签: javascript reactjs next.js

我正尝试根据其官方文档导出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页面。我想念什么吗?谢谢

1 个答案:

答案 0 :(得分:0)

我猜您正在使用PHP的API?和Next.JS for React但带有SEO?

因此,在这些假设下,我将回答您的问题。

首先,Next.JS支持两种类型的呈现。

一个是用于静态网站的静态渲染。它是一堆静态文件,但是与您的想法不同,您仍然可以调用API,提交表单并基于服务器数据来操作DOM。它不支持基于URL的通配符路由,您可能会对queryparams等使用的一些狡猾技巧和其他一些东西。现在,即使使用Next 9也可以实现这些功能。

第二,是服务器端渲染,类似于您通常使用php和JS进行的渲染,但这里是express(或hapi)和下一步。 html是在服务器端动态构建的,就像在php中一样,将其发送到浏览器,这与静​​态版本中的设置相反,在静态版本中,所有DOM操作均已定义并捆绑到JS中以供静态使用。

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


P.S。阅读有关该问题的@mfakhrusy评论后,如果您想将next看作是服务器中使用PHP的传统JavaScript的替代方案,则可能需要研究NodeJS的基本知识以及Next的工作原理。