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

Поділитися
Вставка
  • Опубліковано 12 січ 2025

КОМЕНТАРІ • 38

  • @idoevergreenx
    @idoevergreenx  8 місяців тому +3

    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

  • @devgo-jb7dg
    @devgo-jb7dg 8 місяців тому +2

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

  • @idoevergreenx
    @idoevergreenx  8 місяців тому

    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 ❤

  • @chideraakamadu
    @chideraakamadu 8 місяців тому +4

    Wow, this project is amazing and beautiful

    • @idoevergreenx
      @idoevergreenx  8 місяців тому +1

      Thank you 🙏😊. Glad you enjoyed the video

  • @reactnativelabs
    @reactnativelabs 8 місяців тому +1

    Awesome as always Thank you again Evergreen!

  • @chideraakamadu
    @chideraakamadu 8 місяців тому +4

    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
      @idoevergreenx  8 місяців тому +2

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

    • @idoevergreenx
      @idoevergreenx  8 місяців тому +1

      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
      @chideraakamadu 8 місяців тому

      Okay, that will be cool for me adding mine

  • @paradoxrecapped
    @paradoxrecapped 8 місяців тому +2

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

  • @Imacul77Game
    @Imacul77Game 8 місяців тому +2

    Nice projects bro 🎉

  • @devgo-jb7dg
    @devgo-jb7dg 8 місяців тому +2

    Awesome video I learned a lot thanks😮😮😮😮

  • @chideraakamadu
    @chideraakamadu 8 місяців тому +3

    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
      @idoevergreenx  8 місяців тому +2

      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
      @idoevergreenx  8 місяців тому +2

      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
      @chideraakamadu 8 місяців тому

      Cool bro

  • @reactnativelabs
    @reactnativelabs 8 місяців тому +1

    Amazing video, Thanks

  • @thegitcoder
    @thegitcoder 6 місяців тому +1

    Great Man 🎉

  • @chidiebere
    @chidiebere 5 місяців тому +1

    Nice. Weldone

  • @AvikNayak_
    @AvikNayak_ 3 місяці тому +1

    why did you use clerk when supabase itself offers authentication?

    • @santiagopereira4691
      @santiagopereira4691 3 місяці тому +1

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

    • @AvikNayak_
      @AvikNayak_ 3 місяці тому +1

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

    • @idoevergreenx
      @idoevergreenx  Місяць тому +1

      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
    @cariyaputta 8 місяців тому +1

    Thanks.

  • @ParthShukla-o3t
    @ParthShukla-o3t 8 місяців тому +1

    Hi sir is there a way to contact you

    • @SkNasimPC
      @SkNasimPC 8 місяців тому

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

    • @idoevergreenx
      @idoevergreenx  4 місяці тому

      Hi 👋