Hybrid-SSR [hybrid-ssr]

Hybrid SSR works as follows. If you land on the URL directly then you'll get a SSR page. When you navigate to this page using the links on the website you'll get a CSR page. getInitialProps function is called regardless of how you landed on this page. When you land on this page directly the getInitialProps is called on the server. When you navigated to this page using the links on this website then the getInitialProps is called client-side. A log statement is made in the developer console so you can check it yourself.

Some of the effects of Hybrid-SSR:

• Long TTFB (when directly hitting an endpoint)
• Short TTFB (when navigating using the links on the page as SPA)
• Always up-to-date version of the data (SSR or CSR with re-hydration)
• No flickering caused by rendering dynamic data
• SPA capable
• Client-side SPA navigation is faster than `getServerSideProps` because no extra round-trip back to the server is required.

This implementation uses getInitialProps.

Page generated on: 4/23/2024, 7:46:10 PM