spring-boot-vue-js-crud-example-feature-image

[Full-stack] Spring Boot + Vue.js: CRUD example

In this tutorial, we will learn how to build a full stack Spring Boot + Vue.js example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data JPA for interacting with database. Front-end side is made with Vue & Vue Router.

Related Post: Spring Boot + Vue.js: Authentication with JWT & Spring Security Example

More Practice: Vue + Spring Boot: File Upload example

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 Posts:
Vue.js + Node.js + Express + MySQL example: Build a full-stack CRUD Application
Node.js + MongoDB: User Authentication & Authorization with JWT

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.

Related Post:
In-depth Introduction to JWT-JSON Web Token
Vue.js CRUD App 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

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

Spring Boot + Vue.js: Authentication with JWT & Spring Security Example

In this tutorial, we will learn how to build a full stack Spring Boot + Vue.js Authentication example. The back-end server uses Spring Boot with Spring Security for JWT authentication and Spring Data JPA for interacting with database. 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.

It will be pretty long, but interesting. Let’s get started.


Related Post: Spring Boot + Vue.js example: Build a CRUD App
More Practice:
CRUD GraphQL APIs example with Spring Boot, MySQL & Spring JPA
Vue + Spring Boot: File Upload example

Read More

vue-axios-file-upload-example-feature-image

Vue File Upload example using Axios

In this tutorial, I will show you way to build a Vue File Upload example that uses Axios and Multipart File for making HTTP requests. You will also know how to add Bootstrap progress bar, show response message and display list of files’ information (with url).

Server for testing this Vue Client:
Spring Boot Multipart File upload example

More Practice:
Vue.js 2 CRUD Application with Vue Router & Axios
Vue.js JWT Authentication with Vuex and Vue Router

Read More