How To Close A Shadcn Dialog On Form Submission
Learn how to close a shadcn/ui dialog when it contains a form. The dialog box should be closed when the form is submitted. At the end, you will also learn a couple of tricks for your Next.js application.
The video explains everything with a hands-on project building so that you learn by code, not just by the theory.
Let's GO 🚀
Timecodes
0:00 - What is the problem?
01:39 - Create a shadcn dialog
04:56 - Shadcn dialog with form
14:10 - Trigger dialog from outside
19:28 - Close dialog on form submit
21:56 - Storing data in local storage
27:01 - A tips for you
Videos mentioned:
• Next.js with shadcn/ui || Architectur...
Source Code on tapaScript GitHub:
https://github.com/tapascript/next-sh... (If you like, please support the project with a ⭐)
Join tapaScript
Join tapaScript as a member: / @tapasadhikary
Join Discord: / discord
🤝 My Links:
Blog: https://blog.greenroots.info/
Follow on X(Twitter): / tapasadhikary
Connect on LinkedIn: / tapasadhikary
Follow My Work on GitHub: https://github.com/atapas
Follow on Facebook: / tapasadhi
Special Links:
If you are looking for the best content management system, here is something for FREE that you can rely on: https://app.caisy.io/app/signup/mwiyy...
👋 Like my work? Thank You. You can sponsor me from here:
Sponsor Me: https://github.com/sponsors/atapas
Sponsor my Blog: https://blog.greenroots.info/sponsor
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at https://tapasadhikary.com.
#nextjstutorial
#next
#nextjs14
#nextauth
#authentication
#nextjs
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
#shadcn
