Thoughts on global SSR components? about iron-session HOT 2 CLOSED

Thanks, @vvo! You're totally right. I spent some more time on this and ended up just following your advice and not worrying so much about it.

Thanks again for the great library.

from iron-session.

Right now in order to accomplish this, I'm using something similar to the useUser hook. But on hard-refreshes the initial page is loaded as if there is no user logged in, then once the data is returned from the API it updates the page to reflect a logged-in user's view.

To solve that you either have to:

• Use SSR, which can be less performant than static generation in Next.js (code will run for every customer request)
• Use a generic wording like "Your dashboard" (not per user) and when you click on it it goes to an API route like /api/login. If the cookie is present then you log the user in, otherwise you present them the login/signup page.
• Hide/show loader on the "login" text until you get the customer details

I am a fan of static generation so I am really fine with a text that turns from "login" to "welcome X", I don't think that's a big deal at all UI wise.

If you really want the server-side to already recognizes the user and send immediately the right data, then you have to use the SSR way (getServerSideProps) on every page OR you could try to use getServerSideProps or getInitialProps on the _app file directly like shown here: https://nextjs.org/docs/advanced-features/custom-app

And then forward the user data in the pageProps of every page.

I hope this helps. (My personal advice, go with static generation and use loaders, its fine)

from iron-session.