I have a meteor app that uses blaze and flow-router. first page load is a disaster but pages loaded thereafter have acceptable speed (4-6 seconds on mobile and 1-3 seconds on pc browser). I wrote the same app in react, react router and meteor using only SSR. First page load is fast (1-3 seconds on pc browser 4-7 seconds on mobile). Pages loaded after the first page are a disaster (can sometimes take over 20 seconds on mobile). If flow router CSR after the first page is fast and react/meteor SSR for first page load is fast how do I combine SSR (first page load) and CSR (all other subsequent pages)? I have searched the internet and there is not one example that at-least MDG accepts that I found. In this thread David Greenspan, discusses why CSR and SSR should be combined in Isomorphic platforms such as meteor and goes on to say he is working on combining them in meteor. But I searched the net to find his final product (or POC) with no luck.Here @diaconutheodoralso wants SSR and CSR to be blended. Not sure if his solution solved the problem or if it is acceptable to MDG, here.
Is there currently an easy way to blend CSR with SSR? I do not mind if the solution uses flow-router. I also do not mind if the solution uses react-router instead, as long as it is fast enough on both mobile and pc browser. Can someone point me to an example or hack an example. This will be great help to the community at large as both CSR and SSR when used in appropriate cases (SSR - first render, CSR -rest of app) they make the app acceptably fast before using other techniques to speed up apps. Infact this would make the other techniques just a bonus (cherry on top)
Please note that my app has a menu at the top and below that is the content which changes for each route navigation. The menu only changes when you login to a logged-In menu.
Just a stupid question: Can the output of react router (first render) be combined with flow-router? What I was able to do is display the output of react router on top followed by the output of flow-router. When I click on a link on react router menu a change happens on flow router output as expected. What I want essentially is a single output that is controlled by flow-router once the first render is done. Like I said it is a stupid question, just thinking out loud.