Michael Seibel

Full-stack Auth for React/Node by Wasp - Free OSS auth without 3rd party services, deploy anywhere

byβ€’

Full-stack auth solution for React, Node.js, and Prisma stack. Specify the supported authentication methods (e.g., email, Google, GitHub) and get everything from UI to the database models. No 3rd party services, powered by Wasp framework.

Add a comment

Replies

Best
Matija Sosic
Hey Product Hunt πŸ‘‹, It's thrilling to share our progress with you again! This time, we present Wasp Auth - a full-stack auth solution for React & Node.js that provides everything from the database model to UI components, based on a short config object. Here's what you get: 🎁 Out-of-the-box auth components πŸ’… Easily customizable to match your brand πŸ’¬ Add extra fields and custom server-side validation πŸ¦‹ No 3rd party services. Deploy anywhere! Since Wasp is a full-stack framework, all the authentication code, components, and user data are your own, and you can deploy it anywhere. It's a simple, integrated solution that requires no extra setup or commitment! This is just the beginning - we plan to support more providers and further expand the customization options. Wasp is fully open-source and your contributions are welcome!
Matija Sosic
@theological Thanks so much for the comment! Really glad you like it and appreciate the support :)
Martin Šoőić
Great job on this Miho and the rest of the team! One of my favorites parts of Wasp for sure. I am excited about everything we can yet add on top of that, like user dashboard, automatic user profile page, ... . p.s. love the video, especially the music :D
Hikaru Nagashima
Can't believe this is free. Congratulations on the launch!
Vince Canger
@hikaru_nagashima Thanks. The best part is that there are WAAAAY more amazing free features packed into Wasp as a full-stack framework. Auth is just the tip of the iceberg :)
Vince Canger
Thanks! @julienergan πŸ™
Yuki Ogino
Cool! Congratulations on the launchπŸŽ‰
Vince Canger
@oginokairan Really appreciate it πŸ™
Rami
I use passport.js with Nest.js/node.js. What is so special about Wasp? Maybe this tackles the frontend portion of it better? I also use Next.js.
Vince Canger
@kingromstar with Wasp, all you need to do is define your DB models and the type of Auth you want in your main config file, and Wasp glues it all together for you, and generates the UI components. Wasp does the work of configuring the NodeJS server for you so that the logged in user is passed in context. You actually don't have to touch any of this code -- it's all continuously compiled for you by Wasp. You just define the features in the config file, write your server functions and React pages, and it does the rest.
Rami
@hot_town so how do we manage sessions if we need to or how do we extend the functionality of this API? Or is this considered a separate service and we run our actual business logic API elsewhere?
Martin Šoőić
@hot_town @kingromstar Some parts are customizable to some degree, some parts are opt-out, and everything at the end is opt-out, but you can also extend a lot of stuff, for example you can add Express middleware and similar. For example, you can customize our forms on the client to some degree via their properties, or you can drop them and use a bit lower-level API (so your components, but we give you functions to call for stuff like login(), signing(), ...). It is not a separate service, it is instead part of the framework -> so functionality that gets activated for you both on frontend and backend, and has its own API that you can use to degree you want to. When you say "how do we manage sessions", what specifically do you have in mind?
Martin Šoőić
@kingromstar for me to better understand -> what is a blocker for you? You are worried about not having enough flexibility? I also used to roll my own auth with Passport.js and Node before, but I prefer getting all this out of the box instead, so I am curious to understand what exactly makes you not like this?
Zvonimir Sabljic
πŸ’‘ Bright idea
This is what I always wished to have. I've likely spend dozens of hours on each of, at least, 5 different projects where I implemented authentication and every time it would be as much work as the time before. This is great! Do you have a link to a full tutorial on how to implement this? I'm wondering how do you connect the frontend buttons to the auth logic.
Vince Canger
@zvonimir_sabljic1 Yeah, here's the docs: https://wasp-lang.dev/docs/auth/... And the secret sauce is in Wasp's use of a main config file which has your entire app in context and is able to compile the code together cohesively.
Manan Sadana
πŸ”Œ Plugged in
Wasp is great. Used it recently to build an AI Saas. And it was a breeze building it. It offers everything, the front-end, the back-end and the database all pre-configured which is great and saves a lot of time and effort.
Martin Šoőić
@manan_sadana Thanks Manan! I hope you had a good experience, and your questions also helped us improve some parts of Wasp (e.g. the one regarding the Railway deployment and Prisma issues).
Vince Canger
@manan_sadana so glad it helped you speed up your development and product launch πŸš€
Manan Sadana
@martin_sosic I want to thank the team for such a quick response on the issue that I was facing. I got a hotfix which solved the problem and later I was really amazed to see proper fix for it was out to production in a day. Great work!
Narendra Solanki
Congratulations on simplifying authentication for React, Node.js, and Prisma stack developers! πŸ”’
Vince Canger
@narendra_solanki that's exactly the goal. Thanks! πŸ™
Jake Page
Man! Wasp is back at it again, such a cool feature here! Can't wait to try it out
Vince Canger
@jakepage Thanks! Let us know what you think :)
Ankur Tyagi
@matijash congratulations to you and the team. I've worked with supertokens an open source auth and used supabase and passportjs auth. What's the key differentiator here?
Matija Sosic
@theankurtyagi The main difference is you don't have to implement or maintain anything by yourself! Wasp Auth also uses passportjs and best practices under the hood, but it is an integrated solution and allows you to move super quickly. There are still more features we want to add (e.g. more providers, more customizability), but that is the core idea. Keep it as simple as possible and free of any charge.
Vedant Borkar
Cool! Congratulations on the launchπŸŽ‰
Ansh Goyal
Being an Auth0 Ambassador, I can surely say the Wasp Auth module would provide a simpler way of adding authentication to the web apps.
Martin Šoőić
@anshgoyalevil thank you! I used Auth0 in the past and still like them! We are trying to go for a more minimal solution that is part of your codebase, part of the framework. In the future we might also look into having an integration with Auth0, that could be interesting.
Burak Karakan
Go Wasp! congrats on the launch, this looks really easy to get started, I'll definitely try this out in our next projects. πŸš€
AndrΓ© J
Wouldn't it be safer with a third party tho? Putting the responsibility to guard the authentication database is a lot? or?
Matija Sosic
@sentry_co Good question! IMO the answer is not black and white and depends on what you need. But, if you use your database to store your users' data (not username/pass, but everything else they do in your platform), which is often even more sensitive than auth data, why wouldn't you also trust your database with the auth data?
Matija Sosic
@sentry_co Wasp automatically encrypts your user's auth data (e.g. password). For the rest of the data it often isn't encrypted by default, that depends on the use case.
Sayed Junaid
This is cool Congratulations on the launch!!!
Vince Canger
@sayed_junaid glad you like it πŸ™
Waka
Congratulations on the launch!
Vince Canger
@waka πŸ™
AndrΓ© Silva
Wow, this is impressive! This is such a straightforward solution! One question that comes to mind is: Can Wasp Auth be integrated with existing authentication systems or does it require starting from scratch?
Vince Canger
@candrefs thank you πŸ™. Wasp Auth comes bundled in the Wasp framework but doesn't restrict you from other third-party services or solutions you might wanna use. In the end, it's a React/Node full-stack app and the code is yours!
Dan Tegzes
I think this will solve my problem! Thank you
Vince Canger
@dan_tegzes problem-solving is great! πŸ™
Johnson
Cool ! Wonderful idea
Nodar Daneliya
amazing work team! keep these coming πŸš€
Vince Canger
@whatever_123 appreciated! πŸ™