loading.tsx maybe

I tried that, but generateMetadata is still resolved before. Loading.tsx only works at the page level

Am now thinking of how to pass the head metatags in the page rather that using generateMetadata

ahh yeah i see this here: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#seo (i now see why, but kinda see how that messes with your plan)

They should have a way to allow us make a trade off between SEO and Performance. Like in my case, you need to be logged in to render that specific page hence SEO is no longer a concern here as compared to performance