Build A Fullstack App with Remix, Prisma & MongoDB: Authentication

In this video, you'll set up authentication for your application. By the end of the video you will have fully implemented session-based authentication for your application and built the sign in and sign up forms.

——————————————————

👉 More videos from this series

——————————————————

📚 Learn more about Prisma

——————————————————

💬 Connect with Prisma:

——————————————————

✅ Subscribe to Prisma's YouTube channel

[thesunabsolute]

Youtube needs more Remix tutorials, and this one has been pretty great. One tiny nitpick, but it would be great if you could increase the font on your editor. It can be annoying, I know. However, it really does help when you have the video on a second monitor and following along.

[alfieqashwa]

gosh, great authentication setup. thanks

[mmazeto]

Great content, I'm learning a lot! Thanks Sabin!

[lukealexander]

Does this tutorial still work? I've followed the instructions as closely as I can but I keep getting error 400 bad request and no redirect when I try to register a user. I checked the written tutorial as well and all my code seems to match up with what's shown on there, couldn't find much in the documentation that would point me in the right direction either.

[hos]

thx for the clear illustration, may i ask what cscode theme do u use?

[tfox]

what color scheme and font do you have loaded? i like to try out ppls workflows

[cb]

Awesome tutorials, so glad you're doing it from scratch! The "stacks" that remix promotes are convenient but not for those just getting started. I'm curious why you didn't use remixes native layout handling. You don't need to create a layout component, you can just add that layout to the root file or create another index page with an <Outlet />

[nsrtp]

I don't know, kind of lazy to reuse login for signup.

[pjborowiecki]

Great tutorial! Thank you so much for this hight quality material.
I am experiencing a tiny issue still, even though I'm pretty sure I followed the tutorial exactly. The issue is that when I try to submit the signUp form, I am being redirected to the signIn form, and the validation errors get displayed there. It's like the action state variable was changing suddenly, when it shouldn't. When I then go back and forth between SignIn and SignUp - weirdly, the values get preserved in both forms, even though the useEffect should clear it. With the other two useEffect blocks, the error gets displayed for a second and disappears. Any idea what could the issue be? Thanks!