Server-side vs client-side authentication with Next-auth (caching) #63858

codinginflow · 2024-03-29T07:53:46Z

codinginflow
Mar 29, 2024

I need some clarification here.

Let's say I want to display the currently logged-in user in the navbar.

If I fetch the session server-side (getServerSession or now just await auth() in v5), all pages that display this navbar are dynamically rendered. There is no way to statically cache them anymore, correct?

Considering this, would it make sense to move the session retrieval client-side, if I want to enable static caching? This would be done by wrapping the layout into a SessionProvider, not passing a session prop, and then retrieving the session via useSession inside the navbar.

<html lang="en">
  <body className={inter.className}>
    // Not passing the session prop here will make the provider fetch it     
client-side
    <SessionProvider>
      <Navbar />
      {children}
    </SessionProvider>
  </body>
</html>

Am I missing something? Like another better option? Or any caveats about my approach?

biryusal · 2024-03-29T13:11:24Z

biryusal
Mar 29, 2024

I guess so, because, getServerSession must be using cookies() from nextjs, and it makes the function become dynamic:

cookies() is a [Dynamic Function](https://nextjs.org/docs/app/building-your-application/rendering/server-components#server-rendering-strategies#dynamic-functions) whose returned values cannot be known ahead of time. Using it in a layout or page will opt a route into [dynamic rendering](https://nextjs.org/docs/app/building-your-application/rendering/server-components#dynamic-rendering) at request time.

https://nextjs.org/docs/app/api-reference/functions/cookies

Considering this, would it make sense to move the session retrieval client-side, if I want to enable static caching?
Yeah, it makes sense in my opinion

2 replies

codinginflow Mar 29, 2024
Author

Thank you for the clarification!

biryusal Mar 29, 2024

I am glad to help!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Server-side vs client-side authentication with Next-auth (caching) #63858

{{title}}

Replies: 1 comment 2 replies

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

Select a reply

Server-side vs client-side authentication with Next-auth (caching) #63858

codinginflow Mar 29, 2024

Replies: 1 comment · 2 replies

biryusal Mar 29, 2024

codinginflow Mar 29, 2024 Author

biryusal Mar 29, 2024

codinginflow
Mar 29, 2024

Replies: 1 comment 2 replies

biryusal
Mar 29, 2024

codinginflow Mar 29, 2024
Author