Keycloak authentication with Vue 3 + Pinia

This is a Vue + Node project for a tutorial on Medium.

The purpose of this tutorial is to show you how you can integrate Keycloak authentication into your Vue3 application with the state management tool, Pinia.

Feel free to follow along if you'd like.

Local Installation Guide

Front End (FE)

1. Navigate into "FE" directory
2. Run npm install to install npm packages
3. Create your own ".env" file following ".env.example". (Input Keycloak realm name & client ID)
4. Run npm run dev to start the project

Back End (BE)

1. Navigate into "BE" directory
2. Run npm install to install npm packages
3. Create your own ".env" file following ".env.example"
4. Run npm start to start server