Build a custom register page for your SaaS app with Next.js, Tailwind CSS, and Next Auth (App Dir)!

Поделиться
HTML-код
  • Опубликовано: 10 ноя 2024

Комментарии • 44

  • @AustinCavanagh-z9g
    @AustinCavanagh-z9g 8 месяцев назад +1

    I have watched at least 5 next-auth videos from you, thank you so much you have by far the best explanations.

  • @alicodes22
    @alicodes22 Год назад +2

    Wow, awesome video Ethan🔥🔥

    • @ethan_mick
      @ethan_mick  Год назад

      Thank you!! Love hearing your kind words :)

  • @nickreichlin6770
    @nickreichlin6770 8 месяцев назад

    Genuinely, thank you. You are great at explaining everything and helped me progress in my project.

  • @Showmatic
    @Showmatic Год назад +1

    BROOO, I was just looking for this exact thing and you JUST uploaded it!

    • @ethan_mick
      @ethan_mick  Год назад +2

      I’m always aiming for that perfect timing!

    • @Showmatic
      @Showmatic Год назад

      @@ethan_mick new sub incoming 🫡

  • @ivaxCVPraiaMoinho
    @ivaxCVPraiaMoinho Год назад

    You are the man. God bless you.

    • @ethan_mick
      @ethan_mick  Год назад

      Thanks so much! Glad I could help!

  • @ryankato8590
    @ryankato8590 Год назад

    Awesome video Ethan!

  • @0xtz_
    @0xtz_ Год назад +1

    Great videos man 🔥🔥

    • @ethan_mick
      @ethan_mick  Год назад +1

      You’re awesome, thanks man for all the kind words. I love seeing your comments :)

  • @fujisan0388
    @fujisan0388 Год назад

    Great Ethan! I am learning so much from this. Thank you.

    • @ethan_mick
      @ethan_mick  Год назад

      Thank you so much! Love seeing you hitting up all the videos, you're great!

  • @Mantenner
    @Mantenner Год назад

    Another great tutorial, was cool to learn actually inserting data into the DB in this one, as well as setting up the custom inputs. Very keen for the next one.

    • @ethan_mick
      @ethan_mick  Год назад

      Thanks so much! Let me know what else you'd like to see :)

  • @nelco63
    @nelco63 Год назад +2

    Thanks for sharing would love to see you create a video using the T3 stack, also we are building a SaaS project so how would you handle Tenants permissions in Next-Auth.

    • @ethan_mick
      @ethan_mick  Год назад +2

      Yeah, that’s a huge part of SaaS, managing tenant data while getting the scale of cloud. I’ll be doing some tRPC content soon :)

  • @nasari7436
    @nasari7436 Год назад

    How would you be able to get and show individual error labels under each form input box?

  • @tunaralyarzada
    @tunaralyarzada Год назад +2

    Ethan, i am having trouble with an issue brother. I have seperated my app dir into two root group which are (auth) and (pages) folders. so i wanna protected my (pages) root folder which contains all of my rootes but i dont wanna include my auth folder which containes "/login" and "register" to protection. the problem is that, i cant write in middleware.ts file that, except (auth) and its sub rootes. only (pages)/:path*

    • @ethan_mick
      @ethan_mick  Год назад +1

      The beta docs just say "coming soon" for Middleware but I did some experimenting locally. It looks like the middleware config should NOT include the "(folders)", instead, just match the paths that will be URLS.
      For example, I made "/app/(auth)/login/page.tsx", which should be an unprotected page. The middleware config to protect OTHER routes but leave that unprotected is:
      export { default } from 'next-auth/middleware'
      export const config = {
      matcher: ['/((?!register|api|login).*)',]
      }
      It protects all routes EXCEPT those listed in the regex. So "/register", "/login", and all of "/api". So don't use the "(auth)" and "(pages") -- target the URLS the browser will see.

    • @tunaralyarzada
      @tunaralyarzada Год назад

      @@ethan_mick omg i just tried and it works. thank u so much brother.i have been struggling with that for couple days. i appreciate it

    • @ethan_mick
      @ethan_mick  Год назад +1

      Heck ya my friend. So happy I could help you out. Keep kicking butt, I look forward to seeing you around!

  • @streamocu2929
    @streamocu2929 Год назад +1

    Can you do a setup with supabase? how would I work with Auth in this case?

    • @ethan_mick
      @ethan_mick  Год назад

      Do you want to use Next Auth, or Supabase Auth? They are pretty different things.

    • @streamocu2929
      @streamocu2929 Год назад

      I think productivity and simplicity is key.
      Leveraging Supabase to its fullest, would simplify.
      Plus, we can upload files and even have a vector DB… if you consider on top realtime updates, pretty much all covered…
      Without this trpc shit, just leverage your backend.
      Just asking for a friend…
      If you then integrate Stripe, I would pay 50 bucks

    • @streamocu2929
      @streamocu2929 Год назад

      And no prisma, the less the better, simple codebase, beginner friendly

  • @Iamroot27
    @Iamroot27 Год назад

    Hi please I’m having issues working with login page , can you make a video which has login page different from register page ..

    • @ethan_mick
      @ethan_mick  Год назад

      Vid :) Surprised the algorithm didn't help you out friend: ruclips.net/video/cm-7RmD8yKQ/видео.html

  • @tiktokvibes9767
    @tiktokvibes9767 Год назад

    can you do this with Next.js 13 (app dir) with Next Auth, MongoDB and maybe Prisma?

    • @ethan_mick
      @ethan_mick  Год назад +1

      Definitely! Take a look at this guide ruclips.net/video/2kgqPvs0j_I/видео.html I use Postgres, but switching out to Mongo is really easy.
      www.prisma.io/docs/guides/database/using-prisma-with-mongodb
      Once you have that setup, creating a custom register page is exactly the same!

  • @gerkim62
    @gerkim62 11 месяцев назад

    It hurts that you didn't include the password confirm input

  • @bosanmenganggur
    @bosanmenganggur Год назад

    dope🤩

  • @zoki5388
    @zoki5388 Год назад

    Hey Ethan!
    How's it going? I've got a ton of video ideas, but you could make part 2 for this with email verification being required.
    Let me know your thoughts.

    • @ethan_mick
      @ethan_mick  Год назад

      Oh man, that is a great idea. I'll add it to the list, thanks!

  • @abdulmajid-tc9pz
    @abdulmajid-tc9pz Год назад

    With that much time u spent just this form - you can use bootstrap to design and vanilla js to make functional 😢

    • @ethan_mick
      @ethan_mick  Год назад

      Different people like different things. I really enjoy the composability and ecosystem of React.

  • @Grishopping
    @Grishopping Год назад

    discord ????

    • @ethan_mick
      @ethan_mick  Год назад +1

      SOON my friend, SOON. What would you want to talk about in discord?

    • @Grishopping
      @Grishopping Год назад

      ​@@ethan_mick Thank you for answering.... I'm from Venezuela, my English is bad, I use a translator... but I like your channel and having a discord channel where there can be feedback would be fantastic
      Topic to deal with everything related to programming, next, next-auth, perhaps mongo, prism, etc... and in discord to be able to have more fluid communication and exchange knowledge with the community..... I think they should go there go lkos shots
      Greetings from Venezuela your friend Jose Grillo

    • @ethan_mick
      @ethan_mick  Год назад +1

      @@Grishopping One of my friends is from Venezuela. He said it was a beautiful country. Keep up the learning (English and code!), and you'll go great places. I'll let everyone here know when I set up a discord. For now, you can follow me here, on Twitter, and on my website to give me feedback. Thanks!

    • @Grishopping
      @Grishopping Год назад

      ​@@ethan_mick I share your friend's opinion 100%...
      hehehehe VENEZUELA is the best country in the world hehehe despite the difficulties we are going through...
      but stop, ahead is for there (as we say in my land)
      Done, as I told you, I'm already subscribed and I'm very aware of your channel, when you activate DISCORD I'll be one of the first, we're ready to help you
      Keep it up; With good videos and you will see that your channel is going up fast now there are 379 subs... soon it will be 1,000, then 10,000, 100,000 towards 1,000,000 and many more
      many blessings