The new Voxxed websites
with JHipster, Angular
and GitLab
by Stephan Janssen
@stephan007#Voxxed
• Founder of Devoxx

• Co-founder of Voxxed (Days)

• Co-founder Devoxx4Kids

• Java Champion

• Passionate Developer

• @Stephan007
Who am I ?
Agenda
• Objective

• Development

• Design

• Deployment

• Next steps
@stephan007#Voxxed
Objective
Devoxxians
import
talks &
ratings
Call For Papers
App
@stephan007#Voxxed
Backend
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
Development
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
jhipster import-jdl voxxed.jh
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
Query by Example
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
Deployment
JHipster & Docker
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
.gitlab-ci.yml
.gitlab-ci.yml
.gitlab-ci.yml
.gitlab-ci.yml
.gitlab-ci.yml
.gitlab-ci.yml
@stephan007#Voxxed
.gitlab-ci.yml
@stephan007#Voxxed
Continuous Integration
@stephan007#Voxxed
@stephan007#Voxxed
Let’s do more…
Backend
Admin
import
Call For Papers
App
@stephan007#Voxxed
voxxed.com voxxedDays.com
search
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
and more
Backend
Admin
deploy
Call For Papers
App
@stephan007#Voxxed
voxxed.com voxxedDays.com
search
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
Design
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
Backend
Admin
deploy
Call For Papers
App
@stephan007#Voxxed
voxxed.com voxxedDays.com
search
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
MacroService
Gateway
MacroService
@stephan007#Voxxed
Gateway Gateway
MicroService
MacroService
Gateway
MacroService
@stephan007#Voxxed
Gateway Gateway
Serverless
Gateway
MacroService
@stephan007#Voxxed
Gateway Gateway
Serverless
ms ms
ms ms
ms ms
msmsms
JHipster Microservices
@stephan007#Voxxed
Client Side
Load Balancer
Service Registry
Dynamic Routing,
Monitoring, Security, …
@stephan007#Voxxed
Deployment
v2
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
[consulCatalog]
endpoint = "consul:8500"
exposedByDefault = true
prefix = "traefik"
frontEndRule = "PathPrefixStrip: /{{.ServiceName}}"
Traefik.toml
Couple days later…
@stephan007#Voxxed
./backend
/voxxed
/voxxeddays
/consul
https://beta.voxxed.com
https://beta.voxxeddays.com
https://api.voxxed.com
https://consul.voxxed.com
@stephan007#Voxxed
@stephan007#Voxxed
@stephan007#Voxxed
docker-compose.yml
@stephan007#Voxxed
traefik.toml
#Voxxed
traefik.toml
#Voxxed
traefik.toml
#Voxxed
Træfik Dashboard
@stephan007#Voxxed
Browser
Træfik SSO
Gateway
Microservice 1 Microservice 2
80:443
MySQL DB
Gateway
JHipster
Registry
MySQL DB
Gateway
Ribbon
Zuul Proxy
Ribbon
Zuul Proxy
Ribbon
Zuul Proxy
Eureka Server
Config Server
@stephan007#Voxxed
Client Side
Load Balancer
Dynamic Routing,
Monitoring, Security, …
Browser
Træfik SSO
voxxed.com
Spinner Backend
80:443
MySQL DB
voxxeddays.
comJHipster
Registry
MySQL DB
admin
Elastic Docker CFP
Redis
@stephan007#Voxxed
S3
Image
Service
Rolling Updates?
Scaling?
…
VS
Next Steps?
@stephan007#Voxxed
Next Step
@stephan007#Voxxed
v0.6
The new Voxxed websites  with JHipster, Angular and GitLab

The new Voxxed websites with JHipster, Angular and GitLab