🟣 Create Pop-Up Modal in Next.js

In this video, I have shown you how to create a Pop-Up Modal in Next.js with two types of Modals. Beginner-friendly tutorial & step-by-step guide is given to you from scratch 😊
👨‍💻 Project Starter (Starter-Kit):--
github.com/Streamline6/starte...
🔗 Project Source code:--
github.com/Streamline6/Nextjs...
📁 Assets
Icons: react-icons.github.io/react-i...
Images: www.iconfinder.com/3d-style-i...
🔔 Support me, Subscribe for more!
/ streamline13
😊 Follow Me:
Instagram: / stream_line6
Twitter: / stream_line6
⏱ Timestamps
00:00 :- Introduction
00:24 :- Project Overview
01:19 :- Modal Components
08:52 :- First Modal UI
12:24 :- Second Modal UI
16:27 :- Final Project Overview
🙏🏻 Thanks for watching!
Make sure to like + Subscribe For More! ❤
#popupmodal #modal #modalinnextjs

[@danielhott4873]

Nice, thanks!!

[@Streamline13]

Our pleasure! :)

[@keulee5116]

Hi, thanks for this video. by the way, if I make the showModal and showSecondModal true case as a component, how can I shut the modal off with cancel button? Cause i want to make that part with another component and I'm struggling with combine it... Can you give me some tips please?

[@kostia-stoliarskyi]

you must pass setShowModal as a prop to anoter component and call it there

[@goodstuff2read]

So this is just unhiding a div. do you use z index to move it on top of other elements?

[@Streamline13]

In this I just do some positioning of the div but you can try z-index also.

[@s-wind2398]

Exactly, this has nothing to do with modal lmaoo

[@williankatz6806]

thanks, it helped me

[@missooahmed6607]

Thanks alot

[@Streamline13]

Thanks man :)

[@sicario55]

why github no source code ?

[@Streamline13]

My bad, there is some problem with link. Now it's available check it out ☺️

[@birenbharat]

waste of time. It is illution of Modal not a Modal