世博会React Native SSR

问题描述 投票:0回答:1

我有一个基于 Expo 和 React-native-web 构建的项目,适用于 Android、IOS 和 Web。 我使用 Expo 路由器进行导航,使用 @shopify/restyle 进行样式设置。 我想对此 Web 应用程序实施 SEO 或 SSR。

我已经尝试过Solito,但无法让它工作,也尝试了expo next js文档来将next js实现到expo web中,但我对导航部分感到困惑,因为next js和expo router都执行基于文件的路由。 有什么方法可以为 SSR 创建单独的 Express 应用程序吗? 如何为单页 Web 应用程序生成 SEO 友好的标记?

react-native express expo seo server-side-rendering
1个回答
0
投票
当您的应用程序在 React Native 上运行时,Expo Router 使用基于文件的路由。它反映了基于 NextJS 文件的路由约定。

当您的应用程序在网络上运行时,NextJS 使用基于文件的路由。

Solito 统一了 Expo 和 NextJS 导航(统一组件)。您需要 Solito 才能使其发挥作用。

所以使用Expo + NextJS + Solito

https://docs.expo.dev/guides/using-nextjs/#limitations-or-differences-compared-to-the-default-expo-for-web

NextJS 有自己的 Web 服务器(基于 Express)。如果您使用 NextJS 那么您不需要单独的 Express 服务器。

当您使用 NextJS 进行 SSR 时,NextJS 将为您生成 SEO 友好的标记。

© www.soinside.com 2019 - 2024. All rights reserved.