JHipster presentation for Geekle.us Worldwide Software Architecture Summit on the subject: Monolithic Full-stack Application Generation. Java Spring Boot Backend, PostgreSQL database, Angular Frontend, QA, GitHub 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
Octo Consulting Group
Micro Frontend Platform for Kubernetes
DataStax is the open, multi-cloud
stack for modern data apps.
https://www.jhipster.tech/companies-using-jhipster/

7. Caption
On GitHub
7

8. Forks
8

9. Pull Requests
9

10. Downloads per week
10

11. 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 Specification
• 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 profiles (dev / prod)
• Spring Security
• Spring Data JPA
• Spring MVC Rest / Reactive with webflux
• 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!