JHipster presentation for Geekle.us Worldiwide Software Architecture Summit on the subject: Monothilic Fullstack Application Generation. Java Sping Boot Backend, PostgreSQL database, Angular Frontend, QA, GitGub Actions.

1. Gaëtan Bloch for geekle.us
All About
Use Case: Generating Monolithic Fullstack Application
1

2. 2

3. Just a bit about me
Software Engineer
• Tech Lead & Solution Architect @Eole Consulting
• Several professional and personal projects with French Government
• gaetan.bloch@gbloch.io
• https://github.com/gaetanbloch
• https://gbloch.tech
• https://www.linkedin.com/in/gaetanbloch
• https://twitter.com/bloch_gaetan
!
"
#
!
"
3

4. About JHipster
Code Generator
• Cross-platform Java-based Web application framework
• Initiated by Julien Dubois in 2013
• https://github.com/jhipster/generator-jhipster
• https://www.jhipster.tech
• https://www.youtube.com/c/JHipsterDevelopersAssociation
• https://www.jhipster.tech/presentation/
4

5. About JHipster
Main Team of Hipsters
5

6. Sponsors
6
https://opencollective.com/generator-jhipster/donate
O
c
t
o
C
o
n
s
u
l
t
i
n
g
G
r
o
u
p
M
i
c
r
o
F
r
o
n
t
e
n
d
P
l
a
t
f
o
r
m
f
o
r
K
u
b
e
r
n
e
t
e
s
D
a
t
a
S
t
a
x
i
s
t
h
e
o
p
e
n
,
m
u
l
t
i
-
c
l
o
u
d
s
t
a
c
k
f
o
r
m
o
d
e
r
n
d
a
t
a
a
p
p
s
.
https://www.jhipster.tech/companies-using-jhipster/

7. 18690
On GitHub
!
7

8. 3.7K
Forks
8

9. 9.2K
Pull Requests
9

10. ~130K
Downloads per week
10

11. 600+
Contributors
11

12. Why JHipster?
• Completely free and open-source
• Huge Community with world-class contributors
• Create -> Build -> Deploy = production-ready Web Application
• Days of work reduced to hours
• Great up-to-date documentation
• Generated code is documented and follows industry best practices
• Numerous resources: tutorials, books, videos, etc.
12

13. Who asked again?
• Microservices architectures
• Security & Authentication
• CI / CD pipelines
• QA best practices
• SQL / NoSQL / Graph databases support
• Highly used tools like ElasticSearch, Kafka, Prometheus, Grafana bundled
• Generated REST APIs following OpenAPI Speci
fi
cation
• Monitoring, caching, logging, containerisation etc.
• Cloud-ready deployments (AWS, GCP, Azure, OpenShift, Heroku etc.)
13

14. Client Side
Single Page Application
• Angular / React / Vue.js
• SASS support
• Modern browsers compatibility
• i18n out of the box
• Usage of https://html5boilerplate.com/
• Responsive design with https://bootswatch.com/ themes
14

15. Server Side
Spring boot backend
• Spring pro
fi
les (dev / prod)
• Spring Security
• Spring Data JPA
• Spring MVC Rest / Reactive with web
fl
ux
• Jackson serialization
• Database versioning with https://www.liquibase.org/
15

16. Time for demo
TODO List Application base
• https://github.com/gaetanBloch/todo-demo-angular
16

17. Project generation
$jhipster
17

18. 18

19. Docker images
$cd src/main/docker
19

20. Start PostgreSQL dev DB
$docker-compose -f src/main/docker/postgresql.yml up -d
20
$npm run db:up

21. Run project locally
21
$./mvnw

22. JDL Schema Generation
22
https://start.jhipster.tech/jdl-studio

23. 23

24. Apply schema to application
24
$jhipster todo-demo.jdl

25. Run project locally
25
$./mvnw

26. Run app in docker container
26
$npm run java:docker:dev
$./mvnw -ntp verify -DskipTests jib:dockerBuild
$docker-compose -f src/main/docker/app.yml up -d

27. Swagger Documentation
27

28. 28

29. Application monitoring
29

30. 30

31. Authentication - JJWT
31

32. Backend tests - JUnit / Cucumber
UT + IT + ArchTests + BDD
32
$./mvnw verify

33. 33

34. Frontend tests - Jest
UT
34
$npm test

35. e2e tests - Cypress
35
$npm run e2e
$npm run cypress

36. Performance tests - Gatling
36
$./mvnw gatling:test

37. Updating UI with Webpack
and BrowserSync
37
$npm start

38. QA - SonarQube
38
$docker-compose -f src/main/docker/sonar.yml up -d
$./mvnw -Pprod clean verify sonar:sonar
-Dsonar.host.url=http://localhost:9001

39. QA - OWASP vulnerabilities
39
$./mvnw verify

40. 40

41. CI / CD - Github Actions
41
$jhipster ci-cd

42. 42

43. Going further
Complex microservices architecture
43

44. https://start.jhipster.tech/
44

45. 45
Thank You All!