基于 create-react-app 的 React 应用通用渲染
Universal rendering for react app based on create-react-app
我有一个基于 create-react-app 初学者工具包的应用程序,由于 SEO 问题需要切换到 universal/server 渲染。
是否有简单的方法或示例来获取 create-react-app 模板并添加或修改它以支持通用渲染?
我看到的很多通用示例对于我的需求来说过于复杂,如果可能的话,我更愿意保持它非常简洁。
谢谢。
编辑: 仅供参考,
我找到了 this medium post which points at this 个存储库。
看起来很简单,但由于我是所有 webpack/react/node 相关内容的新手,如果有人认为这是错误的方法,我很想知道...
在 this PR 中有添加服务器渲染的概念证明。
我不能说它有多好,但你可以从它开始。
您还可以查看一些 alternatives。
其中一些提供开箱即用的服务器渲染。
我刚刚创建了 react universal(服务器端渲染)starter,使用了 redux 和 react-router v4 的建议。免费填写反馈
https://github.com/gzoreslav/react-redux-saga-universal-application
您可以将您的应用程序(使用 Create React App 引导)提升到一个新的水平,方法是将 react-scripts
替换为稍微改动过的版本 - react-app-tools
,它允许将 server-side 代码添加到您的项目(例如,为了 server-side 渲染目的 and/or 实施 API 端点)。它将允许在相同的 HTTP 端口上使用 Webpack 的单个实例使用普通的 Create React App 管道编译和 运行 你的应用程序。
您可以访问 React App SDK 找到更多信息。
我有一个基于 create-react-app 初学者工具包的应用程序,由于 SEO 问题需要切换到 universal/server 渲染。
是否有简单的方法或示例来获取 create-react-app 模板并添加或修改它以支持通用渲染?
我看到的很多通用示例对于我的需求来说过于复杂,如果可能的话,我更愿意保持它非常简洁。
谢谢。
编辑: 仅供参考, 我找到了 this medium post which points at this 个存储库。
看起来很简单,但由于我是所有 webpack/react/node 相关内容的新手,如果有人认为这是错误的方法,我很想知道...
在 this PR 中有添加服务器渲染的概念证明。
我不能说它有多好,但你可以从它开始。
您还可以查看一些 alternatives。
其中一些提供开箱即用的服务器渲染。
我刚刚创建了 react universal(服务器端渲染)starter,使用了 redux 和 react-router v4 的建议。免费填写反馈
https://github.com/gzoreslav/react-redux-saga-universal-application
您可以将您的应用程序(使用 Create React App 引导)提升到一个新的水平,方法是将 react-scripts
替换为稍微改动过的版本 - react-app-tools
,它允许将 server-side 代码添加到您的项目(例如,为了 server-side 渲染目的 and/or 实施 API 端点)。它将允许在相同的 HTTP 端口上使用 Webpack 的单个实例使用普通的 Create React App 管道编译和 运行 你的应用程序。
您可以访问 React App SDK 找到更多信息。