Help with Progressive SSR rendering

[dgoh-zippia]

Hi all, currently my app is using SSR where all the data is fetched in NodeJS. I am trying to improve the First Paint and First Contentful Paint especially on low bandwidth network as the whole page needs to be built. I understand that SSR is when the server has to prepare the HTML before sending it to the user. However, I was wondering if it is possible to render in chunks when the data is ready. I read about stream SSR with renderToNodeStream but as far as I understand, NextJS doesn't support it. All help is appreciated.

[lfades]

Consider doing SSR at build-time, aka Static Generation with getStaticProps. It will always be faster than HTML generated per request (SSR at runtime).

[dgoh-zippia]

I see. Sorry to ask but can you give me an example of what that would look like? I am pretty new to this and I appreciate the help you have been giving me.

[enochndika]

Just read the doc. data fetching

[dgoh-zippia]

I already read the doc but it didn't help me if I have a custom server as I am not sure how to pass the data to the page.

[enochndika]

i am curious why are you using a custom server?

[dgoh-zippia]

I mean app was built before NextJS released this feature and I want to do a variety of checks such as rate limiting

[ErnestBrandi]

I was wondering if it is possible to render in chunks when the data is ready.

Sound more like client side rendering to me.
You could use SWR which is also developed by the Vercel team.