Thanks for this brother, I try and everything is ok but checkout section after I fill the shipping address, no delivery options are available and just gray out and not letting me to pass to the payment please help

I want to create an ai interior design generator with this api I am a beginner so do I need to fine tune the model to work a certain way that fits my applications.

Quick question: How do you work with background jobs in nextjs?

Thanks boss for this tutorial. You are a life saver

How to maintain state while switching the pages using next js let say if user has moved from one page to another page and again came back to previous page loading should not happen and where ever cursor was there on screen it should retain the position, How we can achieve these things using next js

Great video thanks

I am using create-next-app, to instal NextJS15 + React 19. It sets up Tailwind 3.4.1 by default. Running the project, the theme is black. Then init shadcn and I run the project - the whole page is now white. I set up Chrome to use "Dark" theme. Any ideas why? I tried installing several times. Tried -force and -legacy peer deps, same result.

how do you make specific routes public

Hey, could you give us a video about production deployment, many thanks, I was blocked there for days.

Very Nice, this also works with dynamic array fields

Great example, weird background noise, PC fan and piano music? Like 20% of the vocal audio track volume.

Prisma is primarily used on the backend through an API, meaning you access its database functionalities from your server-side code (like Node.js) rather than directly from the frontend JavaScript in a user's browser; the frontend would typically interact with the database through the API endpoints built with Prisma on the backend.

Perfect tutorial, but how can you make it SSR, if i have about 10,000 rows, it will be a bit slow.

Point of correction: @3:52 You can use the new `use` hook in server components.

Thank you so much

Was struggling to trigger loading ui thanks excellent

thanks, I’ve been playing with nuqs recently, the library is very powerful and useful, I really like it 😊; Thanks Hemed for covering it here, your videos are of a different kind, not code along but feels more deeper than coding along in a short time. Congrats brother 😊. Greetings from Tanzania 🇹🇿

What if we have multiple workers using as a API for querying the database and performing database operations? If each worker creates a new database client connection for every call, it can degrade database performance and increase the load on the database. How can we resolve this issue without using Hono?

Nuqs is just for client side guys

Yes to mongodb specific content :)

Thanks for covering it! (I'm the author) 🫶 Sorry for the hello/name bug in the docs at 11:51, it should be fixed now.

Was waiting for you to create a tutorial on this after the last video :-) Nuqs is a hidden champion

Hey Hamed. Nuqs is really cool to use with Next.js.

Hey, what software do you use for recording your tutorials?

In this video I'm assuming that you are using a local postgres, what if you need to use postgresql on another machine, I beleive that you pass --db-url flag but this doens't seem to work with V2

I don't recommend this approach. Use css for this.

may I ask you what is diff your video and the simple, localePrefix: "as-needed" createMiddleware function

Would be great to see how you actually! use zod and RHF. What about returning the validation errors and showing them in the form? That is the whole point of using them together. You simply use it on server side and then ignores the important part. What about useActionState?

Great tutorial. Thank you.

how is the concept of "when user clicks on a filter, there's a delay" being a new thing somehow with rsc? i don't get it, i am quite new to the whole react system, but before rsc, were you not waiting for json data also to arrive? all the talk about "now in rsc the nextjs routing is server centring", what's this about? as i said, how was your filter, search done previously with client react? you were fetching api and waiting for json and only then rerender tha page, and you could also optimistically uodate there, no? i don't get it :)

Hamed you said "fetch data in component which them in conclusion", why my friend? I used to fetch data with a get on the page component, after a use the props driling to diffuse data to other components. You think it's bad? When you do that you don't need to fetch data in client component and don't need react query.

Amazing video this is react of the futur

Hi Hamed, can the vercel ai sdk be used with a custom backend?

React Server Component is supported by Remix v2 right ? DeepSeek tells its experimental in v2 but other search results contradicted with like its going to be supported only at v3 in future.

Hi Hamed, thanks for sharing the useful content. Could u plz make a vedio how to create a multi steps application form that based on some categories. The steps and form fields both would be dynamically rendered on the basis of previous selection. In my case the user firstly select institution type then select course. Now on the basis of institution and course the further steps and form fields will be displayed to the user.

Just can't clearly understand what's the use of Await pattern along with Suspense here? If it used just for separation of concerns I am fine, but wanted to make sure I am not missing anything.

I improved my portfolio website ( built in Nextjs ) overall perfomance after seeing the Aurora Schraff recent Next.js conf video. I also learn some small but important ways of coding. Thank you Aurora and thank you Hamed, you also taught many small but important way codiing.

Beautiful female Coder

whhen is next hono+CFW video comming :)

great tutorial

Hello sir, can I ask what you are using for the mouse animations? Your mouse movements and clicks are smooth and have some effects, as i see. Which software/program do you use for it and recording? Thanks for your answer and the video. Have a nice day sir.

it is great , how should use ,use client , is passable or another way refresh path with out any reload page , when submit data to api then without refresh page data loads in case of use client

bro i have an issue issue in the clerk while pasting the sigin code like this Error: The default export is not a React Component in "/page" at errorMissingDefaultExport (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\compiled ext-server\app-page.runtime.dev.js:157:13653) at createComponentTreeInternal (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\compiled ext-server\app-page.runtime.dev.js:157:21484) at async (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\compiled ext-server\app-page.runtime.dev.js:157:23178) at async createComponentTreeInternal (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\compiled ext-server\app-page.runtime.dev.js:157:22305) at async getRSCPayload (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\compiled ext-server\app-page.runtime.dev.js:161:7153) at async renderToStream (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\compiled ext-server\app-page.runtime.dev.js:161:33742) at async renderToHTMLOrFlightImpl (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\compiled ext-server\app-page.runtime.dev.js:161:23233) at async doRender (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\base-server.js:1574:34) at async responseGenerator (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\base-server.js:1822:28) at async DevServer.renderToResponseWithComponentsImpl (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\base-server.js:1832:28) at async DevServer.renderPageComponent (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\base-server.js:2259:24) at async DevServer.renderToResponseImpl (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\base-server.js:2297:32) at async DevServer.pipeImpl (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\base-server.js:959:25) at async NextNodeServer.handleCatchallRenderRequest (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server ext-server.js:281:17) at async DevServer.handleRequestImpl (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\base-server.js:853:17) at async (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\dev ext-dev-server.js:371:20) at async Span.traceAsyncFn (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\trace\trace.js:153:20) at async DevServer.handleRequest (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\dev ext-dev-server.js:368:24) at async invokeRender (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\lib outer-server.js:230:21) at async handleRequest (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\lib outer-server.js:408:24) at async requestHandlerImpl (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\lib outer-server.js:432:13) at async Server.requestListener (file://E:\AI CONTENT\ai-content-generator ode_modules ext\dist\server\lib\start-server.js:146:13)

my best 50m of the day! thanks for sharing

When i push to production it's no more working

Can do a tutorial on dashboard where we can add widget, resize and change place in a grid layout?

I'm setting up next-intl and Tanstack side by side with PPR now along with a hybrid static export solution, all in the same codebase

My biggest concern is having a Layout that uses PPR and then has child pages that are static. On client navigation, it is still sending function invocations for those static pages that are inside of that dynamic layout, even though the layout itself doesn't need to reload. This is a big issue I'm dealing with. So maybe layouts MUST be static, but this hurts for headers or footers with User avatars etc

Time for Tailwind v4!

very well explanation thanks