Video

do I need to buy the subscription in order to use API key ?

Thank you so much for this. I've been building a task management app which is working great but I've not been happy with the readability of my code. The way you have split the actions and todos in the prisma folder is much cleaner and easier to read. I'll be refactoring asap 🙂

This was difficult to learn anything from.

What always gives me hard time is trying to figure out some extra features that would fit into the process because as a pro I tend to get tasks that are easily out of the ordinary use case. For example, I want the user to input his company number on the first step and then not only validate that the input is not empty, but also that the number they provided is real and not made up. Is there a way to run a custom function for each step that would do something before it would let the user go on to the next step?

mux is not free, after 24 hours apparently the delete the videos

Great video! It really helped me

great explanation! Thanks a lot. Now I am going to use this NextUI

Sorry Hamed, but I have to disagree on this one. No need for Framer and CSR. We can add this animation with simple CSS while still having the benefits of SSR.

Love the explanation! ❤ Definitely a sub from me. Quick question. Removing the default default locale is good for seo purposes? If a website already has seo, and wants to migrate to nextjs with internationalization?

If anyone has issues where it wont select the correct multiple theme, make sure your custom theme is below :root. I was dumb and had it above so the root theme was constantly overriding my custom theme

با این روش کل صفحاتمون Client Side میشه!

Thank you, this is very helpful!

Does anyone know a good blog or tutorial on revalidating a cached next/image on-demand. I'm using Next 13 and currently when a user uploads a profile picture the first time works but when they update the image with a new one, it registers in Cloudinary but not on the website due to next.js built-in caching functionality. I'm starting to think I may have chosen the wrong tool for the job. I thought I might be able to use revalidateTag if I configured the next config file to enable server actions but that didn't work.

Hey , i have a common loading.tsx file . When i am routing from one page to another server page browser is not fetching the page and using the browser router cache . Thats why i think the loading is not showing on second time routing and due to render delay it is looking ugly . Is there a way it always fetches the new server page every time ? Hope you understand the question .

Great Video, would be nice if you could make with nuxt/next + prisma + supabase (local dev) :)

what font are you using please, it's cool

Is it work without vercel? It's paid

I'm confused; does this really help? If we're doing rate limiting at our own application level, the requests will be considered traffic to our application, and we WILL be charged for those. Also, we're redirecting again at our own app level, so technically they could [D]DOS us by sending millions of requests. In my mind, the rate limiting part should be done BEFORE traffic reaches our app to avoid charges and our sever going down Am I missing something?

and how can i rate limit all my application routes?

Hey great video , how can i rate limit a server action?

Fantastic video! Thank you to you both for this one!

I'm new and I ran into a problem where Header should be a server component because I need to use another server component (ShoppingCart) inside the client component and because of this absolutely everything is marked as dynamic after the build, is this a bad practice?

Can u make a video on login with GitHub or Google along with Sign in using email and password in next auth.

Nice. Just wanted the solution and got it.

hello

she is the best

Do you think the App Router is still a good choice for apps that don't do any server stuff themselves? Like connecting to an external BFF and interacting with it through client components?

thanks, its work

The theme provider adds the dark or light class that then throws this error: Prop `className` did not match. Server: "__className_3a0388 dark" Client: "__className_3a0388" Any help with a fix?

Amazing talk. ♥ Thanks

I can't see the reason why the NextJS team is fighting so hard to keep caching as a default. In my opinion the first and most important goal of any project is to have something working reliably and performance is only secondary.

Congratulations for 111k 🎉 Learned a lot from u and also enjoyed this podcast ❤🤗

Which theme or font are you using on VsCode? I like it.

Thx for content Mr. Next js, gr from Netherlands

First time seeing Delba in not black😅😅

Great content like always!

Hi Hamed, I just noticed you passed 100k! Wow, congratulations!

Finally someone talking about custom themes...

For incase this help anyone: Wanted to pull my hair out because locally (using ngrok) all worked 100, but when deployed to vercel, i did not even see the request coming in (logs) and just failures in Clerk. Turns out if you have Attack Challenge Mode turned on in Vercel (Settings=>Security) it seems to block out incoming request from Vercel (funny enough, I did a little test a while ago scraping my own site with selenium/coypu and could scrape my site with Attack Challenge Mode enabled)

Dear Hamed, having you as a connection on LinkedIn and knowing you’ve been in the English speaking part of the world for only a decade, I find it beyond impressive how fluently and effortlessly you speak the language! Not to mention the impact you have on web devs despite coming from a different background 🎉

Delba Oliveira looks like she is ever smiling. I watched the podcast instead of listen because of her😂

Great talk hamed Jan with Oliveira ❤❤❤

Great talk, thanks 🙏

Amazing ❤, Thanks to Hamed and Delba😊

❤

Does this component handle the condition to run only in production? or should I put a condition manually to run on prod only? Thank you!

Great stuff. Thank you!

Thank you Hamed. I really appreciate your clear measured delivery. I have problem I hope you can help me with. Everything works fine up to 16.5. If at that point I change something in the columns.tsx file e.g. header: "name" to header: "Name" and save; I see that the page momentarily re-renders as expected (i.e. with Name) then reverts back to the previous page (i.e. name) and I get a Hydration error "Text content did not match. Server: "Name" Client: "name". "Empty Cache and hard reload" does correct the text or clear the error. I have checked "disable cache" in Developer tools > Network. I have tried deleting .next directory Building and running in production makes the change (i.e. to Name). name to Name is a simple example for illustrative purposes, but I am struggling to develop the code, when in order to test I have to stop the development server, build production and restart development. I am using NextJS v14.2, React 18.3

Thank you for the amazing video but if i have optional fields it's not working for that one how to solve it sir

Can you help me how to use Swiper in ssr page in Nextjs14?