Desk of Contents
- Introduction
- Customized UI, authentication that feels native
- Native experiences, joyful customers
- Constructing the subsequent era of authentication
Introduction
We’re excited to announce the flexibility to simply construct your personal personalized consumer authentication expertise with SuperTokens.
Whereas SuperTokens comes with a pre-built UI, we’ve launched the supertokens-web-js SDK for customers to have full management over their signup web page and all different auth UIs.
Customized UI condenses all the advantages of SuperTokens authentications at a operate stage. Name a single operate like signUp or doesEmailExist , and our supertokens-web-js SDK handles the remaining.
The perfect half? The authentication is native to your web site, in your very personal area, with no redirects!
Customized UI, authentication that feels native
Onboarding and consumer expertise play an essential position in each software’s consumer journey. Nonetheless, with current third-party authentication suppliers, authentication screens felt jarring, inflexible, and misplaced.
Let’s take OpenAI for example. The corporate well-known for creating the favored ChatGPT has a login display that appears drastically completely different in comparison with the remainder of their software. Moreover a small brand on the high of the display, it’s onerous to inform that we’re at the moment actually on their authentication display and never another person’s.
We began SuperTokens as a result of we thought that there needed to be a greater answer for authentication. We designed our authentication to be versatile, by permitting you to name options from a operate stage by way of the SuperTokens SDK.
About two years in the past [0], we launched a supertokens-auth-react SDK, particularly designed for react functions. The auth-react SDK supplied pre-built react elements and routing to get began rapidly.
With the supertokens-web-js SDK, we’ve now added help for non-React frontend frameworks like Vue and Angular. Extra importantly, the web-js SDK –
- Handles session administration (auto token refreshing)
- Prevents CSRF assaults, particularly for social login.
- Saves passwordless login states (when to indicate OTP display vs enter e-mail display)
- Offers user-friendly features – can be utilized as an alternative of direct API calls, saving time on studying and understanding the backend API specs.
After we checked out current choices to implement customized UI, we discovered that almost all authentication suppliers would drive non-native authentication. What’s worse, performance like customized domains are sometimes paid options, forcing a tradeoff between consumer expertise and authentication prices.
All SuperTokens customers, free or paid, can absolutely take pleasure in the advantages of the SuperTokens customized UI. Our philosophy has at all times been to make sure honest pricing and monetize options particular to enterprise personas.
Additional, our frontend SDK exposes features that merely the method of constructing native authentication. Different authentication suppliers like Auth0require customers to manually name their backend APIs and deal with varied responses, a essentially worse expertise.
Native experiences, joyful customers
Customized UI permits firms to construct lasting manufacturers. Listed here are some examples for actual SuperTokens customers.
Lupax builds consumer expertise analysis software program that assist firms uncover new insights about their clients. With SuperTokens, they’ve designed an authentication display personalised to their model with first/final title fields.
FoodRing helps house cooks handle the backend operations and do what they love, cooking. Their motto is, “spend extra time cooking, much less time managing.” With SuperTokens, they’ve added a picture on the fitting of the signup display to showcase the advantages of their service.
BlockSurvey affords end-to-end encrypted varieties & surveys. With SuperTokens, they’ve implement passwordless SSO in addition to a number of integration with companies comparable to Apple, Google, Discord, and even the BlockSurvey Pockets.
In all of those examples, we see consistency in design so there’s by no means a jarring second when changing prospects to customers. With Customized UI, they’ve gained full management over each component of their onboarding circulation. Some have added new fields comparable to tenant ID or title, whereas others have minimized the authentication expertise to a single subject. These tailor-made consumer experiences create magic for the consumer and construct long-lasting belief.
Constructing the subsequent era of authentication
We’ve constructed SuperTokens Customized UI to make it simpler than ever in making a performant, pixel-perfect UI for login and signup.
Alongside the way in which, we’ve additionally designed world-class documentation that can assist you implement SuperTokens authentication in lower than an hour. See our guides for:
We’re excited to see what you construct with SuperTokens authentication!
Written by the Of us at SuperTokens — hope you loved!