Next.js 网站显示爬虫为空 - 除了 populatet Props 之外没有任何内容

Question

因此，当我进入谷歌搜索控制台并在（www.esfaras.de）中输入我的项目的主页并单击实时检查 - >显示图像时，它会显示一个空白页面。该代码显示了一个空主体，仅填充了 GetStaticProps 中的 props 以及 next/head 组件内的其他代码。 Ahref 或 Semrush 等 Seo 和分析网站也无法根据提供的项目主页链接查看和获取其他网站。

例如，它适用于 Ahref 爬行服务的唯一方法是当我激活“执行 javascript”时。我研究了很多，但仍然无法理解为什么我的带有 GetstaticProps 的项目索引页面需要 javascript 执行才能被抓取

我没有在pages/index.js中运行客户端代码，仅从GetStaticProps接收2个道具并将它们传递给一些子组件。

该项目托管在带有 nginx 的 VPN 上

另外我想补充一点，我知道谷歌可以索引页面并执行javascript。在我的情况下它已经做到了，我只是不知道这是如此戏剧性，我认为一切都很“正常”。

请有人帮忙。

Answer 1

我发现只要你在某个地方使用 UseEffect 就可以启用 CSR，这意味着客户端渲染。创建测试分支并拆分我的一半应用程序后：

• 我实际上成功地获得了服务器端渲染的 html 页面。
• 必须基本上禁用谷歌分析。
• 应用程序监控第三方init
• 完整的标题组合 ...

所以..我现在要做什么。为了在服务器端提供一些页面服务而进行的重组是否值得？我的整个项目基于 UseEffect 并基于其依赖项数组活动状态更改。我将开始切换到基于函数的状态更改，而不是监听其他状态。有时我必须在一个操作调用中调用 2-3 个函数，但这似乎是必要的。