Schema validation using Valibot
18:49
9 сағат бұрын
The Easiest Way to Add Charts in NextJs
12:31
The New React Compiler
21:54
14 күн бұрын
What's New in NextJs 15
26:03
21 күн бұрын
Using Prisma with Turborepo
21:17
What's coming up in Tailwind V4
20:57
What's New in NextJs 14.2
11:16
The new `use` hook in React 19
19:13
New Components From Shadcn/ui
11:52
Пікірлер
@Randomuser7890
@Randomuser7890 7 сағат бұрын
Audio is breaking alot
@hamedbahram
@hamedbahram Сағат бұрын
Thanks for letting me know. We had some technical issues with Mahmoud's mic and background noise.
@user-cx7me2ep2v
@user-cx7me2ep2v 7 сағат бұрын
is it possible to use it programmaticaly ????
@hamedbahram
@hamedbahram Сағат бұрын
What do you mean by that?
@mohammadabbas1623
@mohammadabbas1623 12 сағат бұрын
valuable
@hamedbahram
@hamedbahram 8 сағат бұрын
Thanks
@papa_ethan
@papa_ethan 15 сағат бұрын
In my case Next.Js14 keeps recreating the Zustand store upon usage useStore(), How do you handle this?
@thedanmwangi
@thedanmwangi 16 сағат бұрын
Hello, great video! Does the GoogleTagManager from Next.js work with Tag Containers provisioned server side?
@hamedbahram
@hamedbahram 13 сағат бұрын
I don't think so, but its worth trying. Let me know if you found the answer to this.
@RichAnderson-xd5pl
@RichAnderson-xd5pl 21 сағат бұрын
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.
@hamedbahram
@hamedbahram 13 сағат бұрын
Using transitions in the newer versions of NextJs through the `useFormState` will reset the form automatically after submission.
@Ikram-Hussain
@Ikram-Hussain Күн бұрын
which font u used in your code editor???
@hamedbahram
@hamedbahram 13 сағат бұрын
Operator mono
@isaacfrishman7487
@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
@hamedbahram Күн бұрын
Hey, no worries! I’m using Dark+ Italic theme and my font is Operator mono.
@anonymous12478
@anonymous12478 Күн бұрын
i cant use in formik because there is no resolver for valibot
@hamedbahram
@hamedbahram Күн бұрын
No need to use formik really, use react hook forms library instead.
@jimmy.im-kp
@jimmy.im-kp Күн бұрын
awesome ! tanks!
@hamedbahram
@hamedbahram Күн бұрын
My pleasure!
@albin6126
@albin6126 2 күн бұрын
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
@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-fr6hg
@BlueCanoe-fr6hg 2 күн бұрын
Clearest explanation I have found for this complex but very useful feature. Thank you.
@hamedbahram
@hamedbahram 2 күн бұрын
My pleasure! I'm glad you found it helpful.
@loganjoecks9510
@loganjoecks9510 2 күн бұрын
Am I right to assume that your DynamicImage component could not be used in a 'use client' component because of its async nature?
@hamedbahram
@hamedbahram 2 күн бұрын
That's right!
@imkir4n
@imkir4n 2 күн бұрын
Great video Hamed.
@hamedbahram
@hamedbahram 2 күн бұрын
Thanks 👍
@m__link6499
@m__link6499 3 күн бұрын
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.
@hamedbahram
@hamedbahram 3 күн бұрын
parallel routes is a feature of the App router, you can't use it outside the App folder.
@pluto3zw
@pluto3zw 3 күн бұрын
I am not getting what happened in the lib folder am really stuck, I need that. 🙏
@pluto3zw
@pluto3zw 3 күн бұрын
hahaha just found it.
@hamedbahram
@hamedbahram 3 күн бұрын
Glad you were able to figure it out!
@pluto3zw
@pluto3zw 3 күн бұрын
Where can I find these previous videos parts of the pagination?
@hamedbahram
@hamedbahram 3 күн бұрын
Go to my channel videos and search for pagination. Here is one of them --> kzfaq.info/get/bejne/i7R1i8V4r6m4p2w.html
@pm-zo6pw
@pm-zo6pw 3 күн бұрын
Hi, pls help with adding of serial number column?
@hamedbahram
@hamedbahram 3 күн бұрын
You can add new columns in your `columns.ts` file.
@pm-zo6pw
@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.
@CodeMonsterOfficial
@CodeMonsterOfficial 3 күн бұрын
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
@hamedbahram
@hamedbahram 3 күн бұрын
Use a theme that supports italics.
@CodeMonsterOfficial
@CodeMonsterOfficial 2 күн бұрын
@@hamedbahram Which theme are you using in your vs code for this?
@hamedbahram
@hamedbahram 2 күн бұрын
@@CodeMonsterOfficial "Dark+ Italics"
@AntoineGuglielmi-zo9uc
@AntoineGuglielmi-zo9uc 3 күн бұрын
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 ?
@hamedbahram
@hamedbahram 3 күн бұрын
Use if conditionals to check the pathname inside the middlewares.
@rahulchourasiya4148
@rahulchourasiya4148 3 күн бұрын
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
@hamedbahram
@hamedbahram 3 күн бұрын
I'll have that in mind for the AuthJs course I have coming up.
@ihtishamriaz2598
@ihtishamriaz2598 3 күн бұрын
Amazing video, btw what is the name of the font you're using in vscode?
@hamedbahram
@hamedbahram 3 күн бұрын
Thanks! I'm using Operator mono.
@Duy-ud4fo
@Duy-ud4fo 4 күн бұрын
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?
@hamedbahram
@hamedbahram 3 күн бұрын
Not sure where that's coming form, compare your code to mine and see what you're doing different.
@eliuddyn
@eliuddyn 4 күн бұрын
Amazing 🔥🔥
@hamedbahram
@hamedbahram 4 күн бұрын
Thanks!
@kenshinhimura3140
@kenshinhimura3140 4 күн бұрын
True question why valibote and not zod?
@hamedbahram
@hamedbahram 4 күн бұрын
Valibot is smaller in bundle size and faster at runtime! Other than that it's very similar to zod.
@kenshinhimura3140
@kenshinhimura3140 4 күн бұрын
Can we use valibote with javascript?
@hamedbahram
@hamedbahram 4 күн бұрын
Yes you can.
@wesleymouedineassaby1035
@wesleymouedineassaby1035 4 күн бұрын
Can we use this as authentication method for a cms that have only one admin user?
@hamedbahram
@hamedbahram 4 күн бұрын
Yes, but this isn't really an auth flow, I'd use Clerk for authentication.
@SanderCokart
@SanderCokart 4 күн бұрын
I have used Yup over zod always because zod i18n was more annoying to deal with. Valibot looks like a good competitor
@hamedbahram
@hamedbahram 4 күн бұрын
Definitely!
@madmaxdev
@madmaxdev 4 күн бұрын
Valibot is cool.
@hamedbahram
@hamedbahram 4 күн бұрын
Agreed!
@subhambharadwaz4029
@subhambharadwaz4029 4 күн бұрын
Great video! 🎉🔥 Just yesterday, I was scrolling through the docs for Valibot, and today you posted this video about it. It's crazy timing
@hamedbahram
@hamedbahram 4 күн бұрын
There you have it :) Glad it was helpful!
@speedster784
@speedster784 4 күн бұрын
i tried this but it keep saying "ReferenceError: require is not defined".
@hamedbahram
@hamedbahram 4 күн бұрын
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-yh2hd
@aymenbachiri-yh2hd 4 күн бұрын
Thanks , keep posting videos like this
@hamedbahram
@hamedbahram 4 күн бұрын
Absolutely!
@Grishopping
@Grishopping 5 күн бұрын
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
@hamedbahram
@hamedbahram 5 күн бұрын
Yes you can use the git from the root since it's all one repo.
@Grishopping
@Grishopping 5 күн бұрын
@@hamedbahram Gracias...
@iCanfixit_
@iCanfixit_ 5 күн бұрын
Thank you very much, this was very helpful
@hamedbahram
@hamedbahram 5 күн бұрын
My pleasure! Glad it helped!
@adedimolao9094
@adedimolao9094 5 күн бұрын
Thank you! Just what I needed. Didn't know about template.tsx
@hamedbahram
@hamedbahram 5 күн бұрын
There you have it :) glad it was helpful.
@Grishopping
@Grishopping 6 күн бұрын
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
@hamedbahram
@hamedbahram 5 күн бұрын
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.
@Grishopping
@Grishopping 5 күн бұрын
@@hamedbahram waooo, excellent, thank you very much... I'll be very pending... many blessings and greetings from Venezuela.
@tonyeneh8194
@tonyeneh8194 6 күн бұрын
Great video. I learnt a couple of things
@hamedbahram
@hamedbahram 5 күн бұрын
Glad it was helpful!
@stevebendersky2056
@stevebendersky2056 6 күн бұрын
Is it better than recharts, and working well with shadcn/ui?
@hamedbahram
@hamedbahram 5 күн бұрын
Recharts is also a good charts library specially for more complex charts.
@stevebendersky2056
@stevebendersky2056 5 күн бұрын
@@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
@julguga
@julguga 6 күн бұрын
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?
@hamedbahram
@hamedbahram 6 күн бұрын
The template inside each route group instead of one outside would be how I’d do it.
@ThomasTridon
@ThomasTridon 6 күн бұрын
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?
@hamedbahram
@hamedbahram 6 күн бұрын
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.
@vijaykumarparelli5329
@vijaykumarparelli5329 6 күн бұрын
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
@hamedbahram
@hamedbahram 6 күн бұрын
You can create two root layouts using route groups. Watch the video I have about route groups.
@sai7743
@sai7743 6 күн бұрын
Hi Bro,Apex charts supports Nextjs 14v
@hamedbahram
@hamedbahram 6 күн бұрын
I'll have a look, haven't used it before.
@parijatbest
@parijatbest 7 күн бұрын
You saved me thanks, appreciate your hard work.
@hamedbahram
@hamedbahram 6 күн бұрын
Glad to hear that!
@MiladJoodi
@MiladJoodi 7 күн бұрын
Thanks♥
@hamedbahram
@hamedbahram 6 күн бұрын
Absolutely!
@neelmodi2812
@neelmodi2812 7 күн бұрын
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.
@hamedbahram
@hamedbahram 6 күн бұрын
Are you seeing any error messages?
@neelmodi2812
@neelmodi2812 6 күн бұрын
@@hamedbahram 2 Error Show is 502 Bad Gateway, 400 Bad Request, but I checked url image is showing.
@sujoykrhaldar
@sujoykrhaldar 7 күн бұрын
just saw, u almost reach 100k subs. here with you from 500 subs. ..... keep going...
@hamedbahram
@hamedbahram 6 күн бұрын
Thanks for your support and being a part of this journey! I appreciate it.
@MyGeorge1964
@MyGeorge1964 7 күн бұрын
Wait for the shadcn/ui chart suite that's about to hit their site.
@guillermo.avalos
@guillermo.avalos 7 күн бұрын
shadcn/ui is just a wrapper for other libraries
@hamedbahram
@hamedbahram 6 күн бұрын
curious to see what library he'd use.
@kevinpruett
@kevinpruett 6 күн бұрын
I think it’ll be recharts
@hamedbahram
@hamedbahram 6 күн бұрын
@@kevinpruett It could be!
@stevebendersky2056
@stevebendersky2056 6 күн бұрын
@@hamedbahram He said it will be recharts
@0xtz_
@0xtz_ 7 күн бұрын
nice 👏👏
@hamedbahram
@hamedbahram 6 күн бұрын
Thank you! Cheers!
@prashlovessamosa
@prashlovessamosa 7 күн бұрын
👍
@hamedbahram
@hamedbahram 6 күн бұрын
🙌🏼
@ElvenIvy07
@ElvenIvy07 7 күн бұрын
Your teaching style is priceless! Thank you for providing such great content!
@hamedbahram
@hamedbahram 7 күн бұрын
You're very welcome! I'm glad you think so :)