SlideShare a Scribd company logo
The new DeVoxxEd websites
with JHipster, Angular &
Kubernetes
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
#Voxxed stephan007
Objective
Devoxxians
Website
import
talks &
ratings
Call For Papers
App
#Voxxed
Backend
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
stephan007
Development
@stephan007#Voxxed
#Voxxed stephan007
#Voxxed stephan007
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
$ jhipster import-jdl voxxed.jh
@stephan007#Voxxed
@stephan007#Voxxed
#Voxxed stephan007
stephan007#Voxxed
#Voxxed stephan007
stephan007#Voxxed
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
#Voxxed stephan007
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
#Voxxed stephan007
Deployment
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
JHipster & Docker
#Voxxed stephan007
#Voxxed stephan007
#Voxxed stephan007
.gitlab-ci.yml
.gitlab-ci.yml
#Voxxed stephan007
Continuous Integration
#Voxxed stephan007
Devoxxians
import
talks &
ratings
Call For Papers
App
#Voxxed
Backend
Monolith Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
stephan007
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
devoxx.comLet’s do more…
Backend
Admin
import
Call For Papers
App
#Voxxed
voxxed.com
voxxedDays.com
search
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
stephan007
Design
#Voxxed stephan007
@stephan007#Voxxed
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
devoxx.comLet’s do more…
Backend
Admin
Deploy!
Call For Papers
App
#Voxxed
voxxed.com
voxxedDays.com
search
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
stephan007
Backend
MacroService
Admin
Gateway
CFP
MacroService
#Voxxed
Devoxx
Gateway
Voxxed
Gateway
Spinner
App
YouTube
MicroService
VoxxedDays
Gateway
stephan007
Backend
Admin
Gateway
CFP
MacroService
#Voxxed
Devoxx
Gateway
Voxxed
Gateway
Spinner
App
YouTube
Serverless
VoxxedDays
Gateway
ms ms
ms ms
stephan007
JHipster Microservices
#Voxxed
Client Side
Load Balancer
Service Registry
Dynamic Routing,
Monitoring, Security, …
stephan007
#Voxxed stephan007
Regenerate
JHipster projects
#Voxxed stephan007
Deployment
v2
devoxx.com
Backend
Admin
Start/Stop
Docker Images
with
“dynamic”
DNS
Call For Papers
App
#Voxxed
voxxed.com
voxxedDays.com
search
Call For Papers
App
Call For Papers
App
Call For Papers
App
Call For Papers
App
@stephan007#Voxxed
Docker CFPDocker CFP
Browser
Træfik SSO
voxxed.com
Spinner Backend
80:443
MySQL DB
voxxeddays.com
JHipster
Registry
MySQL DB
admin
Elastic Docker CFP
Redis
#Voxxed
AWS S3
Image
Service
RedisRedis
stephan007
#Voxxed stephan007
#Voxxed stephan007
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
#Voxxed stephan007
[consulCatalog]
endpoint = "consul:8500"
exposedByDefault = true
prefix = "traefik"
frontEndRule = "PathPrefixStrip: /{{.ServiceName}}"
Traefik.toml
Couple days later…
#Voxxed stephan007
./backend
/voxxed
/voxxeddays
/consul
https://beta.voxxed.com
https://beta.voxxeddays.com
https://api.voxxed.com
https://consul.voxxed.com
#Voxxed stephan007
#Voxxed stephan007
#Voxxed stephan007
docker-compose.yml
#Voxxed stephan007
traefik.toml
#Voxxed
traefik.toml
#Voxxed
traefik.toml
#Voxxed
Træfik Dashboard
#Voxxed stephan007
The new DeVoxxEd websites with JHipster, Angular & Kubernetes
Browser
Træfik SSO
voxxed.com
Spinner Backend
80:443
MySQL DB
voxxeddays.
comJHipster
Registry
MySQL DB
admin
Elastic Docker CFP
Redis
#Voxxed
S3
Image
Service
stephan007
Rolling Updates?
High availability?
#Voxxed stephan007
Kubernetes
#Voxxed stephan007
Docker CFP
Elastic
SSO
Spinner MySQL DB
Redis
Traefik
BrowserBackend
AWS
Docker CFPDocker CFP
RedisRedisRedis
Docker CFP
Browser
Ingress/NGINX
Backend
MySQL DB
VoxxedDaysDeVoxxEd Admin
Google Cloud
stephan007
Google Cloud
Install
#Voxxed stephan007
@stephan007#Voxxed
$ jhipster kubernetes
resources:

requests:

memory: "500Mi"

cpu: "500m"
Create Cluster
$ gcloud container clusters get-credentials voxxed —zone europe-west1-b --project voxxed-family
#Voxxed stephan007
cert-manager
#Voxxed stephan007
#Voxxed stephan007
Browser
Ingress/NGINX
Backend
MySQL DB
voxxeddaysDeVoxxEd admin
Google Cloud
cm-manager
cloudsql-proxy
ingress.yml
service.yml
deployment.yml
certificate.yml
Docker CFP
Elastic
SSO
Spinner MySQL DB
Redis
Traefik
BrowserBackend
AWS
Docker CFPDocker CFP
RedisRedisRedis
Docker CFP
Browser
Ingress/NGINX
Backend
MySQL DB
voxxeddaysvoxxed admin
Google Cloud
cm-manager
cloudsql-proxy
ingress.yml
service.yml
deployment.yml
certificate.yml
Docker CFP
Elastic
SSO
Script MySQL DB
Redis
Spinner
BrowserBackend
AWS
Docker CFPDocker CFP
RedisRedisRedis
Docker CFP
Next Steps?
• Remove the JHipster Gateway backends

• Refactor “Docker” Spinner to use Fabric Kubernetes Client API

• Optimize CI/CD process 

• GitLab Kubernetes config eventually use Jenkins X 

• Evaluate Istio Service Mesh (v1.0 this summer)

• Introduce Angular Redux framework (@NGRX)

• Use Angular Service Workers (PWA)
@stephan007#Voxxed
Resources
• K8S deployment steps @ https://github.com/stephanj/alfio-k8s

• Beta sites @

• https://beta.voxxeddays.com

• https://beta.devoxx.com

• https://beta.voxxed.com
@stephan007#Voxxed
The new DeVoxxEd websites with JHipster, Angular & Kubernetes

More Related Content

PDF
The new Voxxed websites with JHipster, Angular and GitLab
PPTX
Biznes nie dorósł do Agile.
PPTX
JenniferBraschaykoPresentation
PDF
A Tale of 3 CLIs - Angular 2, Ember, and React
PDF
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
PDF
Continuous talk, AnsibleFest London 2016
PDF
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
PDF
Practical Continuous Deployment, Devoxx UK 2015
The new Voxxed websites with JHipster, Angular and GitLab
Biznes nie dorósł do Agile.
JenniferBraschaykoPresentation
A Tale of 3 CLIs - Angular 2, Ember, and React
Using Angular-CLI to Deploy an Angular 2 App Using Firebase in 30 Minutes
Continuous talk, AnsibleFest London 2016
RxJS: A Beginner & Expert's Perspective - ng-conf 2017
Practical Continuous Deployment, Devoxx UK 2015

What's hot (20)

PDF
A Practical Approach to React Native at All Things Open Conference
PDF
The Power of RxJS in Nativescript + Angular
PDF
RxJS - The Basics & The Future
PDF
Creating BananaJS with Angular 2, Angular CLI, and Material Design
PDF
Review of Igalia's Contribution to WebKit (2018 WebKit Contributors Meeting)
PPTX
What DevOps can learn from Oktoberfest
PDF
Super-powered CI with Git - Sarah Goff-Dupont
PDF
Solis Alexander PPP
PPTX
How to Upgrade Angular 1 to Angular 2 - Piece by Piece
PDF
Becoming a Git Master - Nicola Paolucci
PDF
Creating an Angular 2 Angular CLI app in 15 Minutes Using MaterializeCSS & Fi...
PPTX
Novmeber 2015 WordPress News 'n' Stuff
PDF
SPUnite17 Introducing Logic Apps
PDF
Contributing to Ansible
PDF
SPUnite17 The Accidental SPO Admin
PDF
1Spatial: Cardiff FME World Tour: Live vessel tracking - FME Cloud
PDF
How to Tame TDD - ISTA 2017
PPTX
Git Perchè Usarlo
PDF
The Tale of 2 CLIs - Ember-cli and Angular-cli
PDF
Continuous Delivery: Playing with Immutable servers @commitporto 2016
A Practical Approach to React Native at All Things Open Conference
The Power of RxJS in Nativescript + Angular
RxJS - The Basics & The Future
Creating BananaJS with Angular 2, Angular CLI, and Material Design
Review of Igalia's Contribution to WebKit (2018 WebKit Contributors Meeting)
What DevOps can learn from Oktoberfest
Super-powered CI with Git - Sarah Goff-Dupont
Solis Alexander PPP
How to Upgrade Angular 1 to Angular 2 - Piece by Piece
Becoming a Git Master - Nicola Paolucci
Creating an Angular 2 Angular CLI app in 15 Minutes Using MaterializeCSS & Fi...
Novmeber 2015 WordPress News 'n' Stuff
SPUnite17 Introducing Logic Apps
Contributing to Ansible
SPUnite17 The Accidental SPO Admin
1Spatial: Cardiff FME World Tour: Live vessel tracking - FME Cloud
How to Tame TDD - ISTA 2017
Git Perchè Usarlo
The Tale of 2 CLIs - Ember-cli and Angular-cli
Continuous Delivery: Playing with Immutable servers @commitporto 2016
Ad

More from Stephan Janssen (16)

PPTX
Devoxx speaker training (June 27th, 2018)
PDF
Java, what's next?
KEY
Programming 4 kids
PDF
Devoxx2011 timesheet day3-4-5
PDF
Devoxx2011 timesheet day1-2
PDF
EJB 3.1 by Bert Ertman
PDF
BeJUG JAX-RS Event
PDF
Whats New In Java Ee 6
PDF
Glass Fishv3 March2010
PDF
Advanced Scrum
PDF
Scala by Luc Duponcheel
PDF
Intro To OSGi
PDF
Kick Start Jpa
PDF
BeJUG - Di With Spring
PDF
BeJUG - Spring 3 talk
PDF
BeJug.Org Java Generics
Devoxx speaker training (June 27th, 2018)
Java, what's next?
Programming 4 kids
Devoxx2011 timesheet day3-4-5
Devoxx2011 timesheet day1-2
EJB 3.1 by Bert Ertman
BeJUG JAX-RS Event
Whats New In Java Ee 6
Glass Fishv3 March2010
Advanced Scrum
Scala by Luc Duponcheel
Intro To OSGi
Kick Start Jpa
BeJUG - Di With Spring
BeJUG - Spring 3 talk
BeJug.Org Java Generics
Ad

Recently uploaded (20)

PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
Big Data Technologies - Introduction.pptx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Encapsulation theory and applications.pdf
PDF
KodekX | Application Modernization Development
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Modernizing your data center with Dell and AMD
PPTX
A Presentation on Artificial Intelligence
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Approach and Philosophy of On baking technology
Network Security Unit 5.pdf for BCA BBA.
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Reach Out and Touch Someone: Haptics and Empathic Computing
Big Data Technologies - Introduction.pptx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Per capita expenditure prediction using model stacking based on satellite ima...
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Chapter 3 Spatial Domain Image Processing.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Dropbox Q2 2025 Financial Results & Investor Presentation
NewMind AI Weekly Chronicles - August'25 Week I
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Encapsulation theory and applications.pdf
KodekX | Application Modernization Development
The Rise and Fall of 3GPP – Time for a Sabbatical?
Unlocking AI with Model Context Protocol (MCP)
Modernizing your data center with Dell and AMD
A Presentation on Artificial Intelligence
Mobile App Security Testing_ A Comprehensive Guide.pdf
Approach and Philosophy of On baking technology

The new DeVoxxEd websites with JHipster, Angular & Kubernetes