Spring Boot, MongoDB: JWT Authentication with Spring Security

This tutorial helps you build a Spring Boot Authentication (Login & Registration) & role-based Authorization example with JWT, Spring Security and Spring Data MongoDB. You’ll know:

  • Appropriate Flow for User Signup & User Login with JWT Authentication
  • Spring Boot Application Architecture with Spring Security
  • How to configure Spring Security to work with JWT
  • How to define Data Models and association for Authentication and Authorization
  • Way to use Spring Data MongoDB to interact with MongoDB Database

More Practice:
Spring Boot JWT Authentication with Spring Security, Spring Data JPA & MySQL/PostgreSQL
Spring Boot + GraphQL + MongoDB example with Spring Data & graphql-java
Spring Boot with MongoDB CRUD example using Spring Data

Read More

node-js-express-vue-jwt-auth-mysql-feature-image

Node.js Express + Vue.js: JWT Authentication & Authorization example

In this tutorial, we will learn how to build a full stack Node.js Express + Vue.js Authentication example. The back-end server uses Node.js Express with jsonwebtoken for JWT authentication and Sequelize for interacting with MySQL database & Authorization. The front-end will be created with Vue and Vuex. We’ll also use vee-validate to perform Form validation and vue-fontawesome for make our UI more comfortable to view.

Related Post: Node.js + MongoDB: User Authentication & Authorization with JWT

Fullstack CRUD App:

Read More

node-js-jwt-authentication-mysql-feature-image

Node.js Express: JWT example | Token Based Authentication & Authorization

In this tutorial, we’re gonna build a Node.js Express Rest API example that supports Token Based Authentication with JWT (JSONWebToken). You’ll know:

  • Appropriate Flow for User Signup & User Login with JWT Authentication
  • Node.js Express Architecture with CORS, Authenticaton & Authorization middlewares & Sequelize
  • How to configure Express routes to work with JWT
  • How to define Data Models and association for Authentication and Authorization
  • Way to use Sequelize to interact with MySQL Database

Read More

React + Node.js Express: User Authentication with JWT example

In this tutorial, we will learn how to build a full stack React.js + Express Authentication & Authorization example. The back-end server uses Node.js Express with jsonwebtoken for JWT authentication and Sequelize for interacting with MySQL database. The front-end will be created with React, React Router, Axios. We’ll also use Bootstrap and perform Form validation.

Related Posts:
React + Node.js + Express + MySQL example: Build a CRUD App
Node.js + MongoDB: User Authentication & Authorization with JWT

Read More

Node.js + MongoDB: User Authentication & Authorization with JWT

In this tutorial, we’re gonna build a Node.js & MongoDB example that supports User Authentication (Registation, Login) & Authorization with JSONWebToken (JWT). You’ll know:

  • Appropriate Flow for User Signup & User Login with JWT Authentication
  • Node.js Express Architecture with CORS, Authenticaton & Authorization middlewares, Mongoose ODM
  • Way to configure Express routes to work with JWT
  • How to define Mongoose Models for Authentication and Authorization
  • How to use Mongoose to interact with MongoDB Database

Related Posts:
Node.js, Express & MongoDb: Build a CRUD Rest Api example
MongoDB One-to-Many Relationship tutorial with Mongoose examples
MongoDB Many-to-Many Relationship with Mongoose examples

Read More

react-jwt-authentication-feature-image

React JWT Authentication (without Redux) example

In this tutorial, we’re gonna build a React JWT Authentication example with LocalStorage, React Router, Axios and Bootstrap (without Redux). I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for React JWT Authentication (without Redux) with LocalStorage, React Router & Axios
  • Creating React Components with Form Validation
  • React Components for accessing protected Resources (Authorization)
  • Dynamic Navigation Bar in React App

Related Posts:
In-depth Introduction to JWT-JSON Web Token
React.js CRUD example to consume Web API
React File Upload with Axios and Progress Bar to Rest API

Fullstack (JWT Authentication & Authorization example):
React + Spring Boot
React + Node.js Express

The example using React Hooks:
React Hooks: JWT Authentication (without Redux) example

Or using Redux for state management:
React Redux: JWT Authentication & Authorization example

Read More

vue-vuex-jwt-authentication-vue-router-feature-image

Vue.js JWT Authentication with Vuex and Vue Router

In this tutorial, we’re gonna build a Vue.js with Vuex and Vue Router Application that supports JWT Authentication. I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for Vue.js Authentication with Vuex & Vue Router
  • How to define Vuex Authentication module
  • Creating Vue Authentication Components with Vuex Store & VeeValidate
  • Vue Components for accessing protected Resources
  • How to add a dynamic Navigation Bar to Vue App

Let’s explore together.

Typescript version: Vue/Vuex Typescript example: JWT Authentication

Related Post:
In-depth Introduction to JWT-JSON Web Token
Vue.js CRUD Application with Vue Router & Axios
Vue File Upload example using Axios

Fullstack:
Spring Boot + Vue.js: Authentication with JWT & Spring Security Example
Node.js Express + Vue.js: JWT Authentication & Authorization example

Read More