วีดีโอ

But middleware is invoked for everyone request made from browser. Do we want to cookie-setting-logic to run on every request?

Gonna see if this can work for videos

That is such an awful reason why I cannot set cookies in the page server component. Why can I not set it before calling any Suspense? This solves the issue. And only if you using Suspense then I cannot set any cookies

A very great video. One issue I have faced and wish to understand, what about setting the expiry time for that cookie, lets say a userToke, which is essential so when it expires it can be cleared. Hope the question makes sense. Hoping to hear from you soon

How to get cookies from browser in server component/server actions so we can send the cookies with request to backend API request. Please 🙏 reply I'm not able to find any solution

Really nice, didn't know that and really useful.

This was very enlightening. Another place to set cookies is in route handlers!

You can use my RSC philosophy whenever you have mutable data to handle you should have client components otherwise for immutable data you should use server components

What to do in a case when the user clicks on a route "/throws-sometimes" that's included in navbar? Can the error be reset via clicking on a link to the route within navbar? e.g. <Link href="/throws-sometimes">Throws sometimes</Link>

Can it work with aaync functions

You voice. Masallah ❤

bruh godly content

Awesome! But, why is this cache function in the React package, and not some Next package, especially if "vanilla" react doesn't even use it?

Nice . Thank You! I'm using it in a list-feed and I wanted to maintain the scroll position, so I've added `scroll={false}` prop to the Link component and also`router.push("/", undefined, {scroll: false});` on modal close.

You forget to say that Middleware slow down app because it rerender every time when you change a route. I am trying to set cookie without midlware but can't find solution

hello Ryan, how can I use the cache function, I don't know how to get it from the React Canary. Great video by the way that's why I want to use it in my project.

but then, how do i set a cookie from my api ? like i would like to update the session ID of the user of my website, and i can't seem to find how to save a cookie on their browser with the session id from the api request... because : cookies().set( bla bla bla ) will just set the cookie for the response but then it gets lost

What would happen if wrap a transition in a transition? The outer transition holds a state for the inner transition or are they batched together or “unwrapped” like it was a promise passed to a promise constructor? lol idk if that makes sense

Best explaination on earth. Thanks

Ryan, this is a game changer explination. So glad I found this channel. So well broken down

preloading restricted data in RSC makes sense as its not visible in any way to the end user. good video

Hi Ryan, it's a very instructive video. Cloud you please clarify how ISR feature will work for Modal?

Thank you, I was actually watching this in a private window "doing some testing", I had to login just to like and sub.

Thank you for this video

Thanks. Can you make a video on setting cookies from a separate backend in the next.js server action? So, When I use server action and set credentials: "include" it doesn't work. This is because it's happening on the server. How can I forward the cookies in the browser to that separate API/backend server from server action?

Hey man ... I have a problem. i m using server actions to set cookies , with "use server" at top, i have created a actions directory in my-app , and have all my server side actions there. still i m facing this error. "" [Error]: Cookies can only be modified in a Server Action or Route Handler."". Actually my backend is in python (fastapi) and it worked fine last time , with same tech stack. this time i have made 2 routes also , for stripe webhook.., How can i solve this ...

How about if you do Cookie Banner for asking permission for users to use cookies.

You should also be able to use the “Record” type instead: Record<string, string|undefined>

This is awesome thanks… I was literally just working on this. I ran into an issue trying to encrypt the cookies. The crypto library isn’t available in middleware because of the edge runtime. But… the web api for crypto is available which I’m working on now.

I remember back in my PHP days we were constantly presented with "Headers already set" if we ever tried to set a cookie after the headers were set. Not sure why we can't be presented with the same error if we tried doing that

I keep smiling, thanks buddy😊

You can put a + in front of the value to convert the form.id to a string. Exp: +form.id. It will be shorter.🙂

THANK YOU, this video really helped me.

👍

Hello Ryan you are the only one who talks deep about RSC. I just want to know one thing that suppose for a particular page there are 4 - 5 components and an user changes or updates something in a component with server action then the whole json representation of every component of that page will get send by the server, is that how it works ?? and if it is, how optimal is that approach or it works differently ?? I know it's lot to ask...but will appreciate a video or response Thank you ❤

Thanks Ryan ... great work as always 👍

make a video on refresh token in nextjs. I am facing the issues. In nextjs layout and page is stream simultaneously can you please make a video.

Great content, I really like the way you explain in such simple terms. Also noticed your @twofold/framework which seems great, have you thought on making a course on how something like that could be created?

Appreciate the video. Nice to see startTransition solving some real world problems.

Great video. Thank's a lot.

Really good video

Very unique solution with startTransition, how did you understand that it is necessary to use it

Best use case of the react transition mechanism... I really love this... Thank you a lot.🎉🎉

Is router.refresh() by default wrapped in a transition under the hood? Is that why reset() executes first? So, is Router.refresh() considered an asynchronous while reset() remains sync, unless we put both together in a transition and we force both to be completed before continuing?

we have an issue in some pages we have a conditional display based on the url query and we need on each query change to reload to get the updated data 😢 any idea please hmmm even with parallel routes I need to noStore() to revalidate the data eeeeeh

Great video like always :) One question. What's the standard for showing clean errors on the console? Using a logger like "pino"? But then i can't throw an error that my error boundary can catch :/

Just wow!! That's quite awesome man. Thanks, I'll definitely use it 😊

But is the home page a "use client" component?

You're one of the few creators that show real life scenarios and real life solid solutions, not like most tutorials based on a script lol. I wanted to ask if you have a preferred way to handle errors, or the best practices, in javascript, especially when using the try catch syntax Should I be creating new custom Error classes and then handling them independently in the catch block with if(error instanceof CustomError) or is it better to always return an object followind a contract with either a data property for success >>> "{data: [....]}" or error property for error >>> "{error: ....}" Or maybe you know a better and more solid way, would be really helpful, thank you

Hi Ryan, Thanks for the detailed explanation on cookies. I am having one problem with cookies. I am setting cookies in middleware in response and setting of cookies will happen to particular route only. After setting the cookies, i am accessing the cookies in my navbar using next/headers. Every time i try to access the cookies i am getting old value and not the updated values that is being set in middle ware. Why is that? Can you please tell me what is the wrong here.