在 nextjs 中“禁用”SSR

Question

我想创建一个没有 SSR、带有 React 和 MUI 的浏览器应用程序。所以我在这里找到了一个 NextJS-Template：

https://github.com/mui/material-ui/tree/master/examples/nextjs-with-typescript

我想完全禁用 SSR，假设在最好的情况下从 _document.tsx 开始，但至少文件 _app.tsx 和所有后续内容（例如 _index.tsx）应该在没有 SSR 的情况下呈现。

那么，如何“完全”禁用SSR呢？

Answer 1

虽然有些人可能会告诉你使用普通的 React，但其他人仍然使用 Next.js，因为基于文件的路由、合理的 ESLint 和 TypeScript 默认值以及快速编译时间（因为SWC）。如果您更喜欢 Next.js 的开发体验而不是独立的 React，但不想要/不需要 SSR，那么您可以选择使用静态 HTML 导出：

next export允许您将 Next.js 应用程序导出为静态 HTML，该应用程序可以独立运行，无需 Node.js 服务器。建议仅next export在不需要任何需要服务器的不受支持的功能时才使用。

您链接到的示例模板不需要任何额外的代码更改（next export在它上运行对我来说效果很好，它只抛出一个关于缺少 ESLint 配置的警告，该配置很容易设置）。