วีดีโอ

Thank you

Great 🔥

Ryan please help me i am submitting a form with server action i am setting cookies from middleware.ts they were setting correctly but i don't know why my client components get resets with default value and when submit my form again it works normally

This video helped me a ton

Very nice video, works, but i have a different problem i am facing, i have a dashboard, data are updated every 5 minute by a backend microservice, when this background process on the server finishes, it does call revalidate using webhook on the nextjs app. my problem is I am calling router.refresh() (lets say every minute), the pages does not refresh, its still using stale version,, and I am hopeless, i tried so many approches, obviusly, your works, but it triggers re-render server componnets by every user connected. thanks

Thank you Ryan, I really appreciate the calm and clear manner with which you teach! I am newer to Zod and I decided instead of fumbling with the API, I'd find some videos to help me understand it from first principles. This definitely helped!

Damn. Thanks for this video. I have been trying to wrap my head around almost the exact same problem for days now. This pattern opens up a lot of new opportunities. I am actually pumped now 😀 Didn't see your channel before, but just left a sub. This one was dope. Thanks man, keep it up 👌

FYI you don't even need javascript, you can use webcomponents/slots to achieve the same thing. No client side JS needed.

Very interesting. It is done through long lived http connection or websockets behind the scenes?

Very good video thank you!

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.