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

Run both Project on same server/port:
How to integrate Vue.js with Spring Boot

Read More

vue-pagination-axios-api-bootstrap-vue-feature-image

Vue Pagination with Axios and API (Server Side pagination) example

In this tutorial, I will show you how to make Pagination in a Vue.js Application with existing API (Server Side pagination) using Axios and Bootstrap-Vue.

Related Posts:
Vue.js 2 CRUD Application with Vue Router & Axios
Vue.js JWT Authentication with Vuex and Vue Router
Vue File Upload example using Axios

Using Vuetify Pagination Component:
Vuetify Pagination (Server side) 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).

More Practice:
Vue upload Image using Axios (with Preview)
Vue Multiple Files Upload with Axios, FormData and Progress Bars
Vue.js 2 CRUD Application with Vue Router & Axios
Vue.js JWT Authentication with Vuex and Vue Router
Vue Pagination with Axios and API example

Using Vuetify: Vuetify File Upload example

Read More

vuetify-file-upload-feature-image

Vuetify File Upload example

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

More Practice:
Vuetify Image Upload with Preview example
Vuetify Multiple Images Upload example
Vuetify data-table example with a CRUD App | v-data-table
Vue.js JWT Authentication with Vuex and Vue Router

Using Bootstrap: Vue File Upload example with Axios & Bootstrap

Read More

vue-node-express-postgresql-feature-image

Vue.js + Node.js + Express + PostgreSQL example: Build a full-stack CRUD Application

In this tutorial, I will show you how to build full-stack (Vue.js + Node.js + Express + PostgreSQL) example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, front-end side is a Vue client with Vue Router and axios.

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

Run both projects (back-end & front-end) in one place:
How to serve/combine Vue App with Express

Serverless with Firebase:
Vue Firebase Realtime Database: CRUD example
Vue Firestore: Build a CRUD App example

Read More