SSG and logged-in state (cleanly replace DOM client-side)

[patricktyndall]

Hi all,

I have a site composed of the following:

• product pages accessible to both logged-in and logged-out users
• a navbar with 'Log in' or 'Log out' state based on the user session

In the past, I've run into strange behaviors when server-rendered DOM doesn't match the client-rendered DOM (seems like the trees get merged somehow).

However, I want to SSG my product pages and also have them accessible logged-in. What's the best-practice way to SSG the page with the logged-out state, then replace it client-side with the correct state without doing any sort of diffing?

(I realize this will cause render flash, but seems like the only way).

Thanks for the help!