For this example we will use Docker compose to be able to run all the services

How to monitor PosgreSQL with Prometheus and Grafana | Docker

1.Docker Compose

version: "3.9"
services:
grafana:

image: grafana/grafana
ports:
- 3000:3000
prometheus:
image:
prom/prometheus
ports:
- 9090:9090
volumes:
- ./prometheus.yml:/etc/prometheus/prometheus.yml:ro
postgres:
image:
postgres:12
ports:
- 5432:5432
volumes:
- ./backup:/var/lib/postgresql/data
environment:
POSTGRES_PASSWORD: postgrespassword
POSTGRES_DB: shop
postgres-exporter:
image:
prometheuscommunity/postgres-exporter
ports:
- 9187:9187
environment:
DATA_SOURCE_NAME: "postgresql://postgres:postgrespassword@postgres:5432/shop?sslmode=disable"
links:
- postgres
- prometheus

2.Prometheus File Settings (prometheus.yml)

global:
scrape_interval:
15s
evaluation_interval: 15s
scrape_configs:
- job_name:
prometheus
static_configs:
- targets:
["localhost:9090"]
- job_name: postgres-exporter
static_configs:
- targets:
["postgres-exporter:9187"]

3.Run Docker Compose

docker-compose up

4.Check status of Prometheus and PosgreSQL Exporter

http://localhost:9090/targets

5.Visit Grafana Dashboard

Default

User: admin
Password: admin

http://localhost:3000

--

--

In this example we will see how to add a router with vaadin router

Vaadin router

A small, powerful and framework-agnostic client-side router for Web Components

npm i @vaadin/routerimport { html, LitElement } from "lit";export class Home extends LitElement {
constructor() {
super();
}
render() {…

--

--