How to integrate Vue.js with Spring Boot

In this tutorial, I will show you step by step to integrate Vue.js with Spring Boot so that Spring Boot project can serve Vue App. You will also know how to configure Vue SPA Routing to avoid Whitelabel Error Page.

Related Posts:
Vue.js + Spring Boot + MySQL/PostgreSQL example
Vue.js + Spring Boot + MongoDB example
Spring Boot + Vue.js: Authentication with JWT & Spring Security Example

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

Read More

How to serve Vue App with Express

In this tutorial, I will show you step by step to integrate Vue.js project with Node.js Express Rest API so that we can serve Vue App with Express Server. You will also know how to configure Vue SPA Routing to avoid 404 on refresh.

Related Posts:
Vue.js + Node.js + Express + MySQL example
Vue.js + Node.js + Express + PostgreSQL example
Vue.js + Node.js + Express + MongoDB example
Vue.js + Node.js Express: JWT Authentication & Authorization example

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

Read More

Spring Boot + React + PostgreSQL example: Build a CRUD App

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

Related Posts:
Spring Boot + React Typescript example
React + Spring Boot: Pagination example
Spring Boot + React: Login example with JWT Authentication & Spring Security
React Upload/Download Files to/from Spring Boot Rest Apis

Other databases:
Spring Boot, React, MySQL: Build a CRUD Application
Spring Boot, React & MongoDB example: Build a CRUD Application

Run both projects in one place:
How to integrate React.js with Spring Boot

Read More

Spring Boot, JPA/Hibernate, PostgreSQL example: CRUD

In this tutorial, we’re gonna build a Spring Boot CRUD Rest API example with Maven that use Spring Data JPA/Hibernate to interact with PostgreSQL database. You’ll know:

  • How to configure Spring Data, JPA, Hibernate to work with PostgreSQL Database
  • How to define Data Models and Repository interfaces
  • Way to create Spring Rest Controller to process HTTP requests
  • Way to use Spring Data JPA to interact with PostgreSQL Database

More Practice:
Spring Boot + GraphQL + PostgreSQL example
– Reactive: Spring Boot R2DBC + PostgreSQL example
Spring Boot Thymeleaf CRUD example
Spring Boot, Spring Security, PostgreSQL: JWT Authentication example
Spring Boot Rest XML example – Web service with XML Response
Spring Boot Multipart File upload example
Spring Boot Pagination and Sorting example
– Documentation: Spring Boot Swagger 3 example
– Caching: Spring Boot Redis Cache example
– Validation: Validate Request Body in Spring Boot
– Dockerize: Docker Compose: Spring Boot and Postgres example

Associations:
Spring Boot One To One example with JPA, Hibernate
Spring Boot One To Many example with JPA, Hibernate
Spring Boot Many to Many example with JPA, Hibernate

Fullstack:
Vue + Spring Boot + PostgreSQL example
Angular 8 + Spring Boot + PostgreSQL example
Angular 10 + Spring Boot + PostgreSQL example
Angular 11 + Spring Boot + PostgreSQL example
Angular 12 + Spring Boot + PostgreSQL example
Angular 13 + Spring Boot + PostgreSQL example
Angular 14 + Spring Boot + PostgreSQL example
Angular 15 + Spring Boot + PostgreSQL example
Angular 16 + Spring Boot + PostgreSQL example
React + Spring Boot + PostgreSQL example

Exception Handling:
Spring Boot @ControllerAdvice & @ExceptionHandler example
@RestControllerAdvice example in Spring Boot

Testing:
Spring Boot Unit Test for JPA Repository
Spring Boot Unit Test for Rest Controller

Read More