Angular 22 Fullstack Starter
June 24, 2026 · View on GitHub
Angular 22 starter application with Node.js and Spring Boot backends.
Stack
| Project | Technology |
|---|---|
| frontend-angular | Angular 22 |
| backend-node | Node.js + TypeScript |
| backend-springboot | Java + Spring Boot |
Architecture
frontend-angular
|
+-- backend-node
|
+-- backend-springboot
Demo
Quick Start
git clone https://github.com/ganatan/angular-node-java.git
cd frontend-angular
npm install
npm start
Open:
http://localhost:4200
Tutorial
Step-by-step tutorials are available on Ganatan:
🇫🇷 https://www.ganatan.com/tutorials
🇬🇧 https://www.ganatan.com/en/tutorials
Project Structure
frontend-angular/
backend-node/
backend-springboot/
Frontend Configuration
File:
frontend-angular/src/environments/environment.ts
Example:
useDatabase: false,
backend: 'http://localhost:3000',
| Value | Description |
|---|---|
| false | Frontend mock data |
| true | Backend API |
Backend Configuration
File:
.env
Example:
PORT=3000
DB_CLIENT=mock
| Value | Description |
|---|---|
| mock | Mock data |
| pg | PostgreSQL |
| mysql | MySQL |
Available APIs
GET /continents
GET /countries
GET /cities
GET /persons
GET /professions
Frontend Commands
Installation
npm install
npm outdated
Development
npm start
Open:
http://localhost:4200
Production
npm run build
Linter
npm run lint
Tests
npm run test
Coverage
npm run coverage
Backend Node
Installation
cd backend-node
npm install
Development
npm start
Open:
http://localhost:3000
Production
npm run build
Backend Spring Boot
Development
cd backend-springboot
mvn spring-boot:run
Open:
http://localhost:8080
Build
mvn clean package
Author
Danny