Modern Relay app example

[Daniel15]

I'd love to see an example of a production app using:

• Relay.
• Persisted queries.
• Preloaded queries and/or entrypoints.
• A modern non-Nextjs framework like TanStack Start, Remix / React Router v7, Astro, etc.

[captbaritone]

Sorry I missed this. My current take is that if your server is implemented in Node, and your website is implemented in React, your website should ideally not use GraphQL but should instead use React Server Components (RSC).

Put another way: You should have a data graph on your server defined using some type of "model" layer. For the web you should consume that model layer directly in RSC and mutate it with Server Actions. For data consistency you should use React's revalidation where possible and for highly highly dynamic content you should add an explicit store (e.g. Redux or similar) for managing client state.

if you also have a non-JS client (native app etc) then you can annotate that model layer with Grats to get a GraphQL server which will allow your native app to have efficient access to that same model layer that your web app is accessing.