Home / Companies / SuperTokens / Blog / Post Details
Content Deep Dive

How to use SuperTokens in a VueJS app with your own UI

Blog post from SuperTokens

Post Details
Company
Date Published
Author
Joshua Omobola
Word Count
2,234
Language
English
Hacker News Points
-
Summary

The guide provides a comprehensive tutorial on implementing Email + Password authentication in a Vue.js application using SuperTokens. It details the process of building a web app where users can sign up and sign in with their email and password, utilizing the SuperTokens Email-Password recipe and a custom user interface. The tutorial outlines the architecture of SuperTokens, which includes a frontend SDK, a backend SDK, and a microservice that communicates with a database. It walks through setting up the project using a pre-existing repository, initializing SuperTokens, and managing user sessions with session tokens. The guide also covers backend integration using the supertokens-node SDK, setting up CORS and middleware, and choosing between self-hosting or using the SuperTokens Managed Service. Additionally, it explains how to test the application and protect frontend routes using navigation guards to restrict unauthenticated access.