Видео

Hi, did you get the ppr to work? You didn't refresh the page. Does it have to be deployed for it to work?

nice explaination sir !!

thank you sir

Awesome!

hi guess ive been searching for this video im using vite with shadcn i get this error const {goToMonth, currentMonth} = useNavigation() Property 'currentMonth' does not exist on type 'Navigation'.ts(2339) const currentMonth: any

Very helpful video, thank you for it.

Was that intro even necessary?

straight to the point. Thanks muck legend!

I just want to know why your are doing this way Im working in next js application in which sometime mean in first time when visit to some specific route it takes to much time rather than visit to the same page for the second time could you tell me why it all happens and what is the appropriate way to resolve this issue. Thanks 😊

can you push it on your github thanks alot

This tutorial is awesome! 🎉 But I want to mention that you are using the utils function "cn" not in the correct way 😛

Thanks for the tutorial, great video btw but I think sheet component will be more suitable for the component that you modified, it's simpler

Thanks so much for the helpful tutorial. Despite being four years old, it's still very relevant and well constructed. I have one question, however. The responsive nature of flexbox is clear when setting flex-wrap to wrap. But if you wanted the first DIV to span 100% of the parent container, followed by 3 DIVs measuring 33% in width, how would you do it? In essence, the reverse of what you have presented. The problem when using percentages is that you can't use the gap function. If, for example, you have two DIVs set to a width of 50%, when you set a gap of 10px, the second DIV wraps. Gap adds to the container width, unlike in Grid. I find it easier to set a percentage value for the first DIV, and flex: 1 for the second. In this case, using gap doesn't interfere with the layout. Kind regards, Mark

Thanks a lot for your insights. I am trying to wrap my head around server actions, and I have a question related to the scenario of fetching data in a client component. From my understanding server actions always use the "POST" method for the request sent to the backend. And using a "POST" request to fetch data, feels wrong to me. It should be a GET. Using a server action in this scenario goes against the initial intent of this feature (data mutation) I guess, doesn't it ?

One has to wonder why the ShadCN UI isn't updated properly. I'm starting to avoid using it and instead applying DaisyUI styles to Radix directly.

I'd suggest having the drawer come up from the bottom, since most users thumbs can only reach 2/3rds up the screen comfortably. (this is not meant to detract from the excellent video)

This was excellent thank you!!!

great video but unfortunately you are a little fast for those struggling with coding still. had to rewind many times

great work , thank you so much ❤❤

Please also address the issue where on mobile screen when we open the keyboard to type half of the dialogue hides behind the keyboard

Dude, Im just straight up bookmarking this. It was driving me crazy, this is specially annoying when you're using a select or command component inside a dialog. This and the pointer-events: none in the body that radix ui does is so annoying

your video is the only video that i can understand even though i am fresher in web-dev ........ thank you for the help. it helps to make a project for hackathon

Instant subscribe. You know your stuff. Would love to see your take on react-query for how to get data to many nested components. And framer-motion for complex animation sequences.

When i pass props numberOfMonths={2} to this calendar component it displays the same month in both current and next month dropdowns. How can I solve this issue.

Who is logging in using Github? NOBODY!!! Preach, sir. Loved this. Had me rolling.

thanks man i back to my work now 🤍

can you should you use server actions with tanstack query for reladiating and handling caching / loading and errors?

yeah, this dude is make sense im subscribe

If you're using App folder with newer Nextjs 14 you need to put the middleware.ts file inside src to be at the same level as app folder. Nextauth docs are worst than sheet, they don't even have documentation on their hooks nor sessionprovider, or something useful at all.

If you tyoe in the input check in console it will give error that uncontrolled change to control

why didnt you show how to make actual mobile menu with navlinks lol. you cant cz you noob. video is bs

THANK YOU!!! Thats what I thought! lol github oauth what a joke

love u man🤩🤩😍

Amazing video thanks! Made it really simple :)

There is still abug in your implementation. Cross button i snot displayed correctly

What if you have horizontal small width? I also tried to fix horizontal bu cannot make it work correctly with cross close button icon

Thanks for sharing. You made a great tutorial! Regards from Brazil 👍

thanks 👍

Thanks for the tutorial! Could you clarify why there are 2 console.log statements coming from the useEffect?

You didn't finish!

The first time I saw this video I knew it would be useful to me in the future, 2 months later i'm here, thank you!

You're the giants we stand on. Thank you.

How to pass the values to server actions?

FINALLY! I agree that everybody does not have these cloud services. user/pass is good, always has been. Thank you brother!

Wow, what a find. Was really struggling with this. Thanks for the great explanation and work!!

that was refreshing! those github tutorials were infuriating! lol

Are you getting states errors in the browser console when using inputs inside the modal?

i am having an issue with the close/X button when i click on the x/xlose buutton the dialog is not closing can you help me solve the issue pls: heres the code pls once go through this : <Dialog open={openDialog}> <DialogContent> <DialogHeader> <DialogTitle>Create new Resume</DialogTitle> <DialogDescription> <p>Add a title for your new Resume</p> <Input className='my-2' placeholder="Ex.Full Stack Resume" onChange={(e) => setResumeTitle(e.target.value)} /> </DialogDescription> <div className="flex justify-end gap-5"> <Button variant='ghost' onClick={() => setOpenDialog(false)}>Cancel</Button> <Button disabled={!ResumeTitle || loading} onClick={() => onCreate()}> {loading ? <Loader2 className='animate-spin' /> : 'Create' } </Button> </div> </DialogHeader> <DialogFooter> </DialogFooter> </DialogContent> </Dialog>

Great tutorial -- really helped me :)

You tut is so clear. Thanks man