Angular 12 + Spring Boot + MySQL example: Build a CRUD App

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

Other versions:
– Angular 10 + Spring Boot + MySQL example
– Angular 11 + Spring Boot + MySQL example
– Angular 13 + Spring Boot + MySQL example
– Angular 14 + Spring Boot + MySQL example
– Angular 15 + Spring Boot + MySQL example
– Angular 16 + Spring Boot + MySQL example

Security: Angular 12 + Spring Boot: JWT Authentication & Authorization example

Upload: Angular 12 + Spring Boot: File upload example

Pagination: Angular 12 + Spring Boot: Pagination example

Read More

Angular 12 + MongoDB example with Node.js Express: CRUD App

In this tutorial, I will show you how to make Angular 12 connect to MongoDB with Node.js Express. We’re gonna build a full-stack (MEAN stack) CRUD Application in which, the back-end server uses Node.js + Express for REST APIs, front-end side is an Angular App with HttpClient, Router and Bootstrap.

Other versions:
– Using Angular 8
– Using Angular 10
– Using Angular 11
– Using Angular 13
– Using Angular 14
– Using Angular 15
– Using Angular 16

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

Serverless with Firebase:
– Angular 12 Firebase CRUD Realtime DB
– Angular 12 Firestore CRUD example

Read More

Integrate Angular 15/14/13/12 with Node.js Restful Services

In this tutorial, I will show you step by step to integrate Angular 15/14/13/12 project with Node.js Restful Services so that we only need to run both on same Server/Port. You will also know how to configure Angular SPA Routing to avoid 404 on refresh.

Related Posts:
– Angular + Node.js Express + MySQL example
– Angular + Node.js Express + PostgreSQL example
– Angular + Node.js Express + MongoDB example
– Angular + Node.js Express: JWT Authentication & Authorization example
– Angular + Node.js Express: File Upload example
– Server side Pagination with Node.js and Angular

Read More

Angular 12 + Spring Boot: CRUD example

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

Run both Project on same server/port:
How to Integrate Angular with Spring Boot Rest API

Security: Angular 12 + Spring Boot: JWT Authentication & Authorization example

Upload: Angular 12 + Spring Boot: File upload example

Pagination: Angular 12 + Spring Boot: Pagination example

Newer versions:
– Spring Boot + Angular 13: CRUD example
– Spring Boot + Angular 14: CRUD example
– Spring Boot + Angular 15: CRUD example
– Spring Boot + Angular 16: CRUD example

Read More