Thanks for letting me know. We had some technical issues with Mahmoud's mic and background noise.
@user-cx7me2ep2v7 сағат бұрын
is it possible to use it programmaticaly ????
@hamedbahramСағат бұрын
What do you mean by that?
@mohammadabbas162312 сағат бұрын
valuable
@hamedbahram8 сағат бұрын
Thanks
@papa_ethan15 сағат бұрын
In my case Next.Js14 keeps recreating the Zustand store upon usage useStore(), How do you handle this?
@thedanmwangi16 сағат бұрын
Hello, great video! Does the GoogleTagManager from Next.js work with Tag Containers provisioned server side?
@hamedbahram13 сағат бұрын
I don't think so, but its worth trying. Let me know if you found the answer to this.
@RichAnderson-xd5pl21 сағат бұрын
Hi Hamed, Great video and thanks. I noticed that when you submitted the form, it kept the values in the name and message fields. But the version I ran from your repo, the fields are cleared after the submit. Any help on this would be appreciated.
@hamedbahram13 сағат бұрын
Using transitions in the newer versions of NextJs through the `useFormState` will reset the form automatically after submission.
@Ikram-HussainКүн бұрын
which font u used in your code editor???
@hamedbahram13 сағат бұрын
Operator mono
@isaacfrishman7487Күн бұрын
Not to distract from the incredible video and explanation of this all, but what theme or config does your vsCode have that gives you the cursive fonts on keywords?
@hamedbahramКүн бұрын
Hey, no worries! I’m using Dark+ Italic theme and my font is Operator mono.
@anonymous12478Күн бұрын
i cant use in formik because there is no resolver for valibot
@hamedbahramКүн бұрын
No need to use formik really, use react hook forms library instead.
@jimmy.im-kpКүн бұрын
awesome ! tanks!
@hamedbahramКүн бұрын
My pleasure!
@albin61262 күн бұрын
why do we have to do this while we can have a client side modal and pass the image as prop and show model and if we click a button on the modal it navigate to the full page view of image
@hamedbahramКүн бұрын
This allows you to show the content of a route, a segment, a full page without switching the context, it goes beyond showing an image in a modal, this'll include fetching data on the server for the intercepted route, loading UI and error boundaries.
@BlueCanoe-fr6hg2 күн бұрын
Clearest explanation I have found for this complex but very useful feature. Thank you.
@hamedbahram2 күн бұрын
My pleasure! I'm glad you found it helpful.
@loganjoecks95102 күн бұрын
Am I right to assume that your DynamicImage component could not be used in a 'use client' component because of its async nature?
@hamedbahram2 күн бұрын
That's right!
@imkir4n2 күн бұрын
Great video Hamed.
@hamedbahram2 күн бұрын
Thanks 👍
@m__link64993 күн бұрын
Hi Hamed, What if we want to use parallel routes in another folder such as "component" folder, and not directly in the App folder? Because, it can happens that we use the dashborad after a user get logged in? How can we handle that? Thank you sir.
@hamedbahram3 күн бұрын
parallel routes is a feature of the App router, you can't use it outside the App folder.
@pluto3zw3 күн бұрын
I am not getting what happened in the lib folder am really stuck, I need that. 🙏
@pluto3zw3 күн бұрын
hahaha just found it.
@hamedbahram3 күн бұрын
Glad you were able to figure it out!
@pluto3zw3 күн бұрын
Where can I find these previous videos parts of the pagination?
@hamedbahram3 күн бұрын
Go to my channel videos and search for pagination. Here is one of them --> kzfaq.info/get/bejne/i7R1i8V4r6m4p2w.html
@pm-zo6pw3 күн бұрын
Hi, pls help with adding of serial number column?
@hamedbahram3 күн бұрын
You can add new columns in your `columns.ts` file.
@pm-zo6pwКүн бұрын
@@hamedbahram Thanks, but is there way we can have loop index. i am using nextui for rendering table and it uses items props and doesn't gives index.
@CodeMonsterOfficial3 күн бұрын
how can we change font of the export default and return in the vs code anyone guide me how can we do this type in my vs code
@hamedbahram3 күн бұрын
Use a theme that supports italics.
@CodeMonsterOfficial2 күн бұрын
@@hamedbahram Which theme are you using in your vs code for this?
@hamedbahram2 күн бұрын
@@CodeMonsterOfficial "Dark+ Italics"
@AntoineGuglielmi-zo9uc3 күн бұрын
Hello ! Thank you so much for these explanations. But, what if I want middleware1 to be running on specific routes, and middleware2 to be running on other specific route ? Does anyone know about it ?
@hamedbahram3 күн бұрын
Use if conditionals to check the pathname inside the middlewares.
@rahulchourasiya41483 күн бұрын
Can you please make a video for single sign on, like centralised authentication website using next-auth, without any workos or any paid library for multiple saas website
@hamedbahram3 күн бұрын
I'll have that in mind for the AuthJs course I have coming up.
@ihtishamriaz25983 күн бұрын
Amazing video, btw what is the name of the font you're using in vscode?
@hamedbahram3 күн бұрын
Thanks! I'm using Operator mono.
@Duy-ud4fo4 күн бұрын
i got error: Error: Base64Coder: incorrect padding at Coder._getPaddingLength (webpack-internal:///(rsc)/../../../node_modules/@stablelib/base64/lib/base64.js:199:23) at Coder.decode (webpack-internal:///(rsc)/../../../node_modules/@stablelib/base64/lib/base64.js:80:34) at Object.decode (webpack-internal:///(rsc)/../../../node_modules/@stablelib/base64/lib/base64.js:213:21) at new Webhook (webpack-internal:///(rsc)/../../../node_modules/svix/dist/index.js:405:31) at POST (webpack-internal:///(rsc)/./src/app/api/webhooks/test/route.ts:30:16) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) .... POST /api/webhooks/test 500 in 59ms Can you help me?
@hamedbahram3 күн бұрын
Not sure where that's coming form, compare your code to mine and see what you're doing different.
@eliuddyn4 күн бұрын
Amazing 🔥🔥
@hamedbahram4 күн бұрын
Thanks!
@kenshinhimura31404 күн бұрын
True question why valibote and not zod?
@hamedbahram4 күн бұрын
Valibot is smaller in bundle size and faster at runtime! Other than that it's very similar to zod.
@kenshinhimura31404 күн бұрын
Can we use valibote with javascript?
@hamedbahram4 күн бұрын
Yes you can.
@wesleymouedineassaby10354 күн бұрын
Can we use this as authentication method for a cms that have only one admin user?
@hamedbahram4 күн бұрын
Yes, but this isn't really an auth flow, I'd use Clerk for authentication.
@SanderCokart4 күн бұрын
I have used Yup over zod always because zod i18n was more annoying to deal with. Valibot looks like a good competitor
@hamedbahram4 күн бұрын
Definitely!
@madmaxdev4 күн бұрын
Valibot is cool.
@hamedbahram4 күн бұрын
Agreed!
@subhambharadwaz40294 күн бұрын
Great video! 🎉🔥 Just yesterday, I was scrolling through the docs for Valibot, and today you posted this video about it. It's crazy timing
@hamedbahram4 күн бұрын
There you have it :) Glad it was helpful!
@speedster7844 күн бұрын
i tried this but it keep saying "ReferenceError: require is not defined".
@hamedbahram4 күн бұрын
It seems like you're using the `plaiceholder` on the client side, it need to run server side. You can clone my code and see what you're doing differently.
@aymenbachiri-yh2hd4 күн бұрын
Thanks , keep posting videos like this
@hamedbahram4 күн бұрын
Absolutely!
@Grishopping5 күн бұрын
NOTE: friend if you could also referncia how to work with GIT from turborepo.... are made all the git from the main root? or each project separately is made to GIT version control? or give some tips here I thank you .... greetings from Venezuela
@hamedbahram5 күн бұрын
Yes you can use the git from the root since it's all one repo.
@Grishopping5 күн бұрын
@@hamedbahram Gracias...
@iCanfixit_5 күн бұрын
Thank you very much, this was very helpful
@hamedbahram5 күн бұрын
My pleasure! Glad it helped!
@adedimolao90945 күн бұрын
Thank you! Just what I needed. Didn't know about template.tsx
@hamedbahram5 күн бұрын
There you have it :) glad it was helpful.
@Grishopping6 күн бұрын
Thanks for the video, that's what I was looking for.... Now I wonder .... when uploading my projects to Vercel how to do it ? using turborepo and the additional projects to place them in subdomain ???? I don't know if you understand my question... do you have any video that talks about this topic? Greetings Jose Grillo from Venezuela
@hamedbahram5 күн бұрын
When you deploy a turbo repo in Vercel it allows you to pick which one of the app/packages you want to deploy. I'll have a video coming up on this.
@Grishopping5 күн бұрын
@@hamedbahram waooo, excellent, thank you very much... I'll be very pending... many blessings and greetings from Venezuela.
@tonyeneh81946 күн бұрын
Great video. I learnt a couple of things
@hamedbahram5 күн бұрын
Glad it was helpful!
@stevebendersky20566 күн бұрын
Is it better than recharts, and working well with shadcn/ui?
@hamedbahram5 күн бұрын
Recharts is also a good charts library specially for more complex charts.
@stevebendersky20565 күн бұрын
@@hamedbahram Well I've built with recharts a simple chart and it was faster than your example so I am wondering what's the advantages of Tremor
@julguga6 күн бұрын
Thanks for sharing this tutorial, it was very helpfull achieve this behavior and understanding the template file. One thing that I noticed is that the transition doesnt work for grouped layouts. I mean if you land first in a grouped layout it triggers but if you navigate between routes of the same group it doesnt trigger the transition. you can create another template file inside the group but I think its not the best solution. Any advice how to fix this?
@hamedbahram6 күн бұрын
The template inside each route group instead of one outside would be how I’d do it.
@ThomasTridon6 күн бұрын
Hello. I don't get why use Zod when React-Hook-Form already has a great validation process, with error messages. What does Zod bring to the table?
@hamedbahram6 күн бұрын
I think the built-in validation is limited to the html5 form validations, while zod is a full on schema validation tool. You can use whichever satisfies your requirement.
@vijaykumarparelli53296 күн бұрын
Thank you for nice explanation, i am trying to handle to hide navbar in rootLayOut and i am getting hydration error, is there any luck to pass props to layout from page
@hamedbahram6 күн бұрын
You can create two root layouts using route groups. Watch the video I have about route groups.
@sai77436 күн бұрын
Hi Bro,Apex charts supports Nextjs 14v
@hamedbahram6 күн бұрын
I'll have a look, haven't used it before.
@parijatbest7 күн бұрын
You saved me thanks, appreciate your hard work.
@hamedbahram6 күн бұрын
Glad to hear that!
@MiladJoodi7 күн бұрын
Thanks♥
@hamedbahram6 күн бұрын
Absolutely!
@neelmodi28127 күн бұрын
Hello, In next js Image not showing in vercel deployment, and in development... image is showing properly i check all configuration but not any solution, If you familiar this problem so help me...! I fetch the image in api.
@hamedbahram6 күн бұрын
Are you seeing any error messages?
@neelmodi28126 күн бұрын
@@hamedbahram 2 Error Show is 502 Bad Gateway, 400 Bad Request, but I checked url image is showing.
@sujoykrhaldar7 күн бұрын
just saw, u almost reach 100k subs. here with you from 500 subs. ..... keep going...
@hamedbahram6 күн бұрын
Thanks for your support and being a part of this journey! I appreciate it.
@MyGeorge19647 күн бұрын
Wait for the shadcn/ui chart suite that's about to hit their site.
@guillermo.avalos7 күн бұрын
shadcn/ui is just a wrapper for other libraries
@hamedbahram6 күн бұрын
curious to see what library he'd use.
@kevinpruett6 күн бұрын
I think it’ll be recharts
@hamedbahram6 күн бұрын
@@kevinpruett It could be!
@stevebendersky20566 күн бұрын
@@hamedbahram He said it will be recharts
@0xtz_7 күн бұрын
nice 👏👏
@hamedbahram6 күн бұрын
Thank you! Cheers!
@prashlovessamosa7 күн бұрын
👍
@hamedbahram6 күн бұрын
🙌🏼
@ElvenIvy077 күн бұрын
Your teaching style is priceless! Thank you for providing such great content!