Relay: can we do server side rendering using React Suspend, Relay useLazyLoadQuery, nextjs？

[videni]

React Suspend is not yet available for server side, but it seems the react-ssr-prepass is a temporary solution, is there a tempory solution to do server siderrendering using the three tools currently?

[sibelius]

you should try, and let us know

[renanmav]

I tried this for my own, didn’t succeed

[sibelius]

I've wrote a blog post how I make Relay work well with SSR

https://dev.to/sibelius/adding-server-side-rendering-to-a-relay-production-app-30oc
https://medium.com/@sibelius/adding-server-side-rendering-to-a-relay-production-app-8df64495aebf

I think you can use fetchQuery instead of prepare (preloadQuery) on server side rendering with store-and-network fetchPolicy to solve your first render

[morrys]

I created this example project in relay-hooks:
https://github.com/relay-tools/relay-hooks/tree/master/examples/suspense/nextjs-ssr

[AugustoCalaca]

add react@experimental and react-dom@experimental and put reactMode as concurrent on your next.config.js:

module.exports = {
  experimental: {
    reactMode: 'concurrent'
  }
}

see: https://github.com/vercel/next.js/discussions/10645

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.