reactjs - 在云服务上使用 nestjs 服务器部署 React 应用程序以获得更好的 SEO

标签 reactjs express deployment seo nestjs

我知道我的话题已经有很多答案,但我找不到我需要的东西,想听听前沿趋势。
我正在使用 create-react-app 和 nestjs 作为后端服务器构建 React 应用程序。部署后我发现我的网站上的 SEO 有一些问题,我认为我的应用程序部署结构可能是错误的。
这是我的结构。

  • 用于 react 应用托管的 S3。
  • 云前线
  • EC2 上的 Nestjs 服务器
  • 数据库RDS
  • Route53

  • 所以我的 react 应用程序网站网址是 https://myapp.com , 服务器地址为 https://server.myapp.com .我通过使用带有服务器 url 的 axios 来调用客户端上的服务器 apis,如 https://server.myapp.com/v1/users .
    我发现很多人使用 NGINX 或 APACHE 等工具在一个 EC2 实例中部署客户端和服务器。我没有采用这些的原因是使用云服务的好处是我不必担心这些。但是在部署应用程序之后,似乎部署在同一个实例上更好是很多方法。
    我可以听一些使用服务器构建 Web 应用程序部署的方法吗?我的结构是 SEO 不佳的原因吗?

    最佳答案

    根据您的应用程序流量和其他因素,您希望如何深入并托管您的前端和后端,无论是在同一个实例上还是在不同的实例上。
    现在我们来谈谈 SEO 部分。在您的情况下,第一个 SEO 因素将是您在互联网上提供的内容,另一个因素将是您网站的性能。内容部分完全取决于您如何设计或编写内容。但是我可以分享一些提高你的表现的策略,这样这个因素就不会给你带来任何困惑。
    由于您的内容生成是动态的,并且会在用户从您的服务器请求特定资源时生成。因此缓存可以帮助您优化初始服务器响应时间。因此,您可以使用 Nginx、varnish 或使用 Cloudflare 等服务来缓存您的内容。

    关于reactjs - 在云服务上使用 nestjs 服务器部署 React 应用程序以获得更好的 SEO,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68198521/

    相关文章:

    node.js - ExpressJS 的请求主体类型

    python - Django,织物 : What is the best way to manage secret keys to deploy Django projects?

    Django Rest Framework + React - token 与 session 身份验证

    reactjs - 如何通过 key 来 react 路线?

    javascript - 我如何使一个组件具有全屏背景图像?

    javascript - Node.js - 具有相互依赖变量的全局配置文件

    javascript - Express JS 发送文件数组和 json 作为响应

    javascript - 使用 context api 将数据从父级传递给子级和兄弟级子级

    deployment - iOS 8.1 无法安装 OTA Enterprise 应用程序 - "Unable to download app"

    ruby-on-rails - Rails 生产错误,可能是由于 link_tag 和预编译