Skip to content

Latest commit

 

History

History
24 lines (16 loc) · 983 Bytes

README.md

File metadata and controls

24 lines (16 loc) · 983 Bytes

Keycloak authentication with Vue 3 + Pinia

alt text

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