reactjs - Next js - 禁用某些页面的服务器端渲染

Question

是否可以使用 Next js 在某些页面上禁用 ssr？例如，我有一个包含产品描述的页面，在该页面上我使用 ssr 进行 SEO，但我也有一个包含可以过滤的项目或产品列表的页面，对于该页面，我不想使用 ssr，因为这页面每次都是动态生成的，如何禁用该页面上的ssr？

Answer 1

dynamic() 函数也可以在没有动态导入的情况下使用:

// components/NoSsr.jsx

import dynamic from 'next/dynamic'
import React from 'react'

const NoSsr = props => (
  <React.Fragment>{props.children}</React.Fragment>
)

export default dynamic(() => Promise.resolve(NoSsr), {
  ssr: false
})

此组件中包含的任何内容在 SSR 源中将不可见。例如:

// inside the page you want to disable SSR for

import NoSsr from "components/NoSsr";

Contact me at <NoSsr>email@example.com</NoSsr>