In this tutorial, we will learn how to build a full stack Angular 12 + Spring Boot + PostgreSQL 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 PostgreSQL database. Front-end side is made with Angular 12, HTTPClient, Router and Bootstrap 4.

Older versions:

– Angular 10 + Spring Boot + PostgreSQL example: CRUD App

– Angular 11 + Spring Boot + PostgreSQL example: CRUD App

Contents [hide]

• Spring Boot + Angular 12 + PostgreSQL example
• Angular 12 & Spring Boot PostgreSQL Architecture
• Video
• Spring Boot Back-end
• Overview
• Technology
• Project Structure
• Create & Setup Spring Boot project
• Configure Spring Datasource, JPA, Hibernate
• Define Data Model
• Create Repository Interface
• Create Spring Rest APIs Controller
• Run the Spring Boot Server
• Angular 12 Front-end
• Overview
• Technology
• Project Structure
• Setup Angular 12 Project
• Set up App Module
• Define Routes for Angular AppRoutingModule
• Define Model Class
• Create Data Service
• Create Angular Components
• Run the Angular 12 App
• Further Reading
• Conclusion

#angular #full stack #spring #angular #angular 12 #crud #postgresql #rest api #spring boot #spring data jpa