Skip to main content

BezKoder

  • Courses
  • Full Stack
  • Spring
  • Node
  • Vue
  • Angular
  • React
  • Firebase
  • Django
  • Dart
  • JsonFormatter
  • Categories

Tag: login

react-jwt-authentication-feature-image

React JWT Authentication (without Redux) example

Last modified: January 22, 2022 bezkoder 100 Comments

In this tutorial, we’re gonna build a React.js JWT Authentication: Login and Registration 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 + MySQL/PostgreSQL
– React + Node.js Express + MongoDB

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

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

Typescript version: React Typescript JWT Authentication (without Redux) example

Read More

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

Vue.js JWT Authentication with Vuex and Vue Router

Last modified: December 3, 2021 bezkoder 95 Comments

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

Vue 3 version: Vue 3 Authentication with JWT, Vuex, Axios and Vue Router

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

Node.js Express + Angular 8: JWT Authentication & Authorization example

Last modified: December 3, 2021 bezkoder 2 Comments

In this tutorial, we will learn how to build a full stack Node.js Express + Angular 8 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 Angular 8 with HttpInterceptor and Router. We’ll also perform Form validation on UI.

Related Posts:
– Node.js + MongoDB: User Authentication & Authorization with JWT
– Node.js + PostgreSQL: User Authentication & Authorization with JWT

Run both projects in one place:
How to Integrate Angular 8 with Node.js Restful Services

Fullstack with MongoDB:
MEAN stack Authentication: Login & Registration with Angular 8 example

Read More

spring-boot-authentication-jwt-spring-security-feature-image

Spring Boot Token based Authentication with Spring Security & JWT

Last modified: March 28, 2022 bezkoder 402 Comments

In this tutorial, we’re gonna build a Spring Boot Application that supports Token based Authentication with JWT. 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 JPA to interact with PostgreSQL/MySQL Database

Lots of interesting things ahead, let’s explore together.


– Related Posts:

  • Spring Boot Refresh Token with JWT example
  • Spring Boot, Spring Data JPA – Building Rest CRUD API example
  • Spring Boot File upload example with Multipart File
  • @RestControllerAdvice example in Spring Boot
  • Spring Boot @ControllerAdvice & @ExceptionHandler example
  • @DataJpaTest example for Spring Data Repositiory Unit Test
  • Spring Boot Unit Test for Rest Controller

– Using MongoDB: Spring Boot JWT Authentication with Spring Security and MongoDB

– Fullstack:

  • Spring Boot + Vuejs: JWT Authentication Example
  • Spring Boot + Angular 8: JWT Authentication Example
  • Spring Boot + Angular 10: JWT Authentication Example
  • Spring Boot + Angular 11: JWT Authentication Example
  • Spring Boot + Angular 12: JWT Authentication example
  • Spring Boot + React.js: JWT Authentication example

Deployment:

  • Deploy Spring Boot App on AWS – Elastic Beanstalk
  • Docker Compose: Spring Boot and MySQL example

Read More

vuex-typescript-example-vue-jwt-authentication-feature-image

Vue/Vuex Typescript example: JWT Authentication | vuex-class & vuex-module-decorators

Last modified: December 3, 2021 bezkoder 4 Comments

In this tutorial, we’re gonna build a Vue/Vuex Typescript Application that supports JWT Authentication. I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for Vue/Vuex Typescript Authentication
  • How to define Vuex Authentication module with vuex-module-decorators
  • Creating Vue Typescript Auth Components with vuex-class & VeeValidate
  • Vue Typescript Components for accessing protected Resources
  • How to add a dynamic Navigation Bar to Vue App

Let’s explore together.

Related Post:
– In-depth Introduction to JWT-JSON Web Token
– Vue Typescript example: Build a CRUD Application
– Vue File Upload example using Axios

Fullstack:
– Spring Boot + Vue.js: JWT Authentication & Authorization example
– Node.js Express + Vue.js: JWT Authentication & Authorization example

Read More

Posts navigation

Newer posts 1 … 8 9 10 Older posts

Follow us

  • Facebook
  • Youtube
  • Github

Tools

  • Json Formatter
DMCA.com Protection Status
  • Home
  • Privacy Policy
  • Contact Us
  • About Us
© 2019-2022 bezkoder.com
We use cookies to improve your experience with the site. To find out more, you can read the full Privacy & PolicyAccept
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled

Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.

Non-necessary

Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.

X