Migrating to tanstack Start
Hi all,
Last Monday we launched our SPA with tanstack router + all tanstack suite to prod. We faced SEO issues, basically our SPA is an empty blank page for google crawlers for all the pages. I've tried for 5 days improve the performance etc, nothing works. I think this is because it's highly coupled to our headless CMS.
These are the "crazy things" we do in our SPA fetching data from our CMS
- We fetch feature flags to turn on/off some features.
- We fetch seo meta data for each page to inject it in the header of the document
- We fetch the navigation
- We fetch the "whole" content, images, and we render react components based on the type of component the CMS want us to render.
All our pages are public, there is an auth modal but this is just to run some checks and avoid customers from ordering duplicate services and check some business rules that's it.
Here are my questions:
- Do we need server functions or server routes ti send to the client the full html document fully populated fetching our CMS?
- how can we achieve this use case: The CMS response tell us the page /home will have 3 components. Each component has a "type" . If the type is "placeholder" we check the name property of the object and the name could be "feedback_form" and we conditionally import our 100% reactjs component CSR driven to handle that.
Ideas? Suggestions?
Thanks in advance
Last Monday we launched our SPA with tanstack router + all tanstack suite to prod. We faced SEO issues, basically our SPA is an empty blank page for google crawlers for all the pages. I've tried for 5 days improve the performance etc, nothing works. I think this is because it's highly coupled to our headless CMS.
These are the "crazy things" we do in our SPA fetching data from our CMS
- We fetch feature flags to turn on/off some features.
- We fetch seo meta data for each page to inject it in the header of the document
- We fetch the navigation
- We fetch the "whole" content, images, and we render react components based on the type of component the CMS want us to render.
All our pages are public, there is an auth modal but this is just to run some checks and avoid customers from ordering duplicate services and check some business rules that's it.
Here are my questions:
- Do we need server functions or server routes ti send to the client the full html document fully populated fetching our CMS?
- how can we achieve this use case: The CMS response tell us the page /home will have 3 components. Each component has a "type" . If the type is "placeholder" we check the name property of the object and the name could be "feedback_form" and we conditionally import our 100% reactjs component CSR driven to handle that.
Ideas? Suggestions?
Thanks in advance
