January 2023 Summaries

SuperTokens has introduced a new supertokens-web-js SDK that allows developers to create customized user authentication experiences native to their websites, eliminating the need for redirects often associated with third-party authentication providers. This SDK supports non-React frontend frameworks like Vue and Angular, handling session management, CSRF attack prevention, and passwordless login states while providing user-friendly functions that simplify backend processes. SuperTokens aims to offer a seamless, native user experience with fair pricing, allowing free and paid users to benefit from customized authentication features traditionally locked behind paywalls. Companies like Lupax, FoodRing, and BlockSurvey have successfully used SuperTokens to enhance their authentication interfaces, creating consistent and personalized designs that improve user engagement and trust. The SuperTokens philosophy emphasizes ease of use and performance, with comprehensive documentation to aid quick implementation of various authentication methods, such as email password, passwordless, and social logins.

Authentication is a critical aspect of user experience in applications, with several providers offering pre-built UI solutions that vary in customization capabilities. AWS Cognito's hosted UI, integrated with its OAuth server, offers limited customization, with constraints such as a fixed font and language support only in English. Auth0's Universal Login provides more flexibility through a no-code dashboard, customization pages, and a Management API, but significant customization can be time-consuming despite detailed documentation. Firebase Authentication is focused on mobile and offers minimal customization, prompting users to build custom UI components utilizing Firebase SDKs. Keycloak, an open-source provider, offers the ability to create custom themes through its documentation, though the process is often challenging and requires substantial effort. SuperTokens, also open-source, supports various authentication strategies and allows UI customization through CSS edits and React component overrides, offering a balance between ease of use and control over authentication flow design.