Build and deploy a Full Stack coolors clone with Nextjs 14, Supabase, Clerk, and Typescript

[@idoevergreenx]

32:47 I realized most viewers have questions about what happening here , as mentioned the piece of code was from the documentation. So supabase is our database while clerk auth is our authentication provider, so we needed a way to connect both tools to each other to save the user palette based on the user_id provided by clerk to database. Hope this helps. If u have any doubts still do leave a comment I will attend to it

[@chideraakamadu]

Wow, this project is amazing and beautiful

[@idoevergreenx]

Thank you 🙏😊. Glad you enjoyed the video

[@devgo-jb7dg]

Great explanation! Was looking for tutolial like this for several days

[@idoevergreenx]

Glad it was helpful!

[@chideraakamadu]

I think on a site the users should be able to see what the sites does before they sign in, some users may just be checking it randomly and just seeing the sign in first they may not have the time but, when the users is able to see what it is about and how it works maybe when they are about to save or download then the sign in notification can recommend them to do so when it has caught their interest. I am just saying this because the project is very unique and beautiful.

[@idoevergreenx]

hi, your suggestion is excellent, I just had to go with the authentication first for simplicity for beginners.

[@idoevergreenx]

If u coding along with me u can try implementing yours this way. It should be very quite easy to handle that. If u hit any blocker when trying to build yours with your suggestion do tell me know. I am willing to help.

[@chideraakamadu]

Okay, that will be cool for me adding mine

[@idoevergreenx]

Also for those looking for the desktop svg we used on the home page . Check the iconx.tsx file on the Google drive that is in the video description. Happy coding again ❤

[@reactnativelabs]

Awesome as always Thank you again Evergreen!

[@idoevergreenx]

My pleasure!

[@devgo-jb7dg]

Awesome video I learned a lot thanks😮😮😮😮

[@idoevergreenx]

Glad you enjoyed it!

[@paradoxrecapped]

I love the interface it nice and it great project thank you

[@idoevergreenx]

U welcome 💯💯💯

[@chideraakamadu]

But i just want to say, is there need of locking colours when it can be downloaded. I think there should be a notification on using the space bar to generate colours or an icon as the same on the mobile because some users that just came across it may not have idea about it

[@idoevergreenx]

First off thanks for taking out time to commenting 💯, the need to lock 🔒 a particular color is because users might see a color they are interested in and they don't want it lost when a new palette is created, why don't I lock this particular color before creating new palette 🎨 and add more colors to this already colors .

[@idoevergreenx]

Secondly we could show a toast notification when users create new palette 🎨 with the spacebar on desktop and also on mobile . This willl come as an improvement to the user experience 😉, thanks for pointing that out again 🙂

[@chideraakamadu]

Cool bro

[@reactnativelabs]

Amazing video, Thanks

[@idoevergreenx]

Glad you liked it!

[@idoevergreenx]

More videos dropping soon

[@Pulsemastery]

Nice projects bro 🎉

[@idoevergreenx]

Thanks ✌

[@thegitcoder]

Great Man 🎉

[@idoevergreenx]

Thanks man 👍

[@chidiebere]

Nice. Weldone

[@idoevergreenx]

@@chidiebere 🔥🔥🔥

[@AvikNayak_]

why did you use clerk when supabase itself offers authentication?

[@santiagopereira4691]

I have the same question? Is it more difficult to implement supabase authentication?

[@AvikNayak_]

@@santiagopereira4691 not at all. It's comparatively easier than next-auth.

[@idoevergreenx]

Sorry Missed this comment . The reason I used clerk for auth is for simplicity purposes . Yes using supabase supports auth too but compare to the how fast you could just add clerk auth components is a faster implementation.

[@cariyaputta]

Thanks.

[@idoevergreenx]

Welcome!

[@ParthShukla-o3t]

Hi sir is there a way to contact you

[@SkNasimPC]

I have his number, we're in a same WhatsApp devoloper group

[@idoevergreenx]

Hi 👋