u/Notyour-Preda

& My phone 3a, latest Updated. I thought it was bugged for only when recording games. Now i found that Its not recording device audio. Anyone know about this? Any solution?

I’m building a directory app with App Router and ran into the usual auth/header problem.

My Header in the Root Layout needs to show either the user avatar or a Sign In button. Since it reads cookies/session (await auth()), Next marks the whole app as dynamic — even public pages like about/privacy/terms

I tried a few approaches:

PPR / cacheComponents: true

Worked at first with Suspense, but then private pages started throwing build errors about uncached data. Felt like I was restructuring the whole app just to make one header work. Also CacheComponents is experimental and globally enabled.

Client-side session fetch (useEffect)

Got my static pages back, but now i have to make a route handler (because i have one more data to be fetched like some counts from database). If it was only session i could use nextauth client side hook.

Just using SSR

Honestly this feels the cleanest. No flicker, no weird compiler fights, just dynamic rendering everywhere.

So what are most people actually doing in production?

Accepting SSR? Living with the flicker? Or is there a cleaner pattern I’m missing?

Visually see this:

I have root layout and pages as children for this layout.

In this layout i have header component with a user profile badge which need session data.

Because all pages render in the same layout. Some static like pages too render as Dynamic/ssr instead of Static page at build time

What fix can i do? I dont have data fetching libs like react query or SWR. I don't want to install it for this one component. PPR Is now global. So i will have to wrap all dynamic page in suspense.

Can someone suggest me some youtube playlist for learning dsa patterns.

& Like for beginners. I need English speaking videos. Most of the ones i see are hindi mixed ones. If the videos clearly and slowly explains everything it is best