Struggling with best practices on NextJS SSR and Cookies (programming.dev)

submitted 7 months ago by Fyzbo@programming.dev to c/javascript@programming.dev

5 comments fedilink hide all child comments

Hi! I'm hoping someone can point me to best practices in regards to API cookies, NextJS, and SSR.

What I'm encountering is that I'm calling an external API that is trying to set some cookies on the browser. This works when the call is made directly from the browser to the API. However, if the API call is made from the SSR function, then the cookie data never makes it to the browser.

In this way the cookie is thrown away and never sent for follow-up requests.

What is the best way to handle these API cookies when using SSR? Is there a way to have NextJS pass them back to the browser or remember them for subsequent calls. Any advice, links, or videos would be very helpful.

you are viewing a single comment's thread
view the rest of the comments

[-] Fyzbo@programming.dev 1 points 7 months ago

App router, where the directory structure controls the url.

[-] Empathy@beehaw.org 2 points 7 months ago

For both frameworks, the directory structure controls the URL unless there's an exception I'm unaware of.

One way to forward the cookie may be to read cookies from the API response headers and write them using the following documentation: https://nextjs.org/docs/app/api-reference/functions/cookies

this post was submitted on 08 Apr 2024

6 points (100.0% liked)

JavaScript

1700 readers

1 users here now

founded 1 year ago

MODERATORS

erlingur@programming.dev

Ategon@programming.dev

nick@programming.dev