add nginx caching proxy for Homepage widget API requests

Stale-while-revalidate cache in front of Homepage reduces first-paint
latency by serving cached /api/ responses instantly while refreshing
upstream in background. Non-API paths pass through uncached.
This commit is contained in:
Viktor Barzin 2026-03-07 21:06:51 +00:00
parent aeee51a1a3
commit 0d03037393
No known key found for this signature in database
GPG key ID: 0EB088298288D958
2 changed files with 116 additions and 20 deletions

View file

@ -29,5 +29,118 @@ resource "helm_release" "homepage" {
repository = "http://jameswynn.github.io/helm-charts"
chart = "homepage"
values = [templatefile("${path.module}/values.yaml", { tls_secret_name = var.tls_secret_name })]
values = [file("${path.module}/values.yaml")]
}
# --- Caching proxy: nginx in front of Homepage for stale-while-revalidate on /api/ ---
resource "kubernetes_config_map" "cache_proxy" {
metadata {
name = "homepage-cache-config"
namespace = kubernetes_namespace.homepage.metadata[0].name
}
data = {
"default.conf" = <<-EOT
proxy_cache_path /tmp/cache levels=1:2 keys_zone=hp:10m max_size=500m inactive=24h;
server {
listen 80;
resolver kube-dns.kube-system.svc.cluster.local valid=5s;
set $upstream http://homepage.homepage.svc.cluster.local:3000;
location /api/ {
proxy_pass $upstream;
proxy_cache hp;
proxy_cache_valid 200 24h;
proxy_cache_use_stale updating error timeout;
proxy_cache_background_update on;
proxy_cache_lock on;
proxy_cache_key "$request_uri";
proxy_set_header Host $host;
proxy_next_upstream error timeout http_500 http_502 http_503;
proxy_next_upstream_tries 3;
add_header X-Cache-Status $upstream_cache_status;
}
location / {
proxy_pass $upstream;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_buffering off;
}
}
EOT
}
}
resource "kubernetes_deployment" "cache_proxy" {
metadata {
name = "homepage-cache"
namespace = kubernetes_namespace.homepage.metadata[0].name
}
spec {
replicas = 1
selector {
match_labels = { app = "homepage-cache" }
}
template {
metadata {
labels = { app = "homepage-cache" }
}
spec {
container {
name = "nginx"
image = "nginx:alpine"
port {
container_port = 80
}
resources {
requests = { cpu = "10m", memory = "16Mi" }
limits = { memory = "64Mi" }
}
volume_mount {
name = "config"
mount_path = "/etc/nginx/conf.d"
}
}
volume {
name = "config"
config_map {
name = kubernetes_config_map.cache_proxy.metadata[0].name
}
}
}
}
}
}
resource "kubernetes_service" "cache_proxy" {
metadata {
name = "homepage-cache"
namespace = kubernetes_namespace.homepage.metadata[0].name
}
spec {
selector = { app = "homepage-cache" }
port {
port = 80
target_port = 80
}
}
}
module "ingress" {
source = "../../modules/kubernetes/ingress_factory"
namespace = kubernetes_namespace.homepage.metadata[0].name
name = "homepage"
host = "home"
service_name = kubernetes_service.cache_proxy.metadata[0].name
tls_secret_name = var.tls_secret_name
extra_annotations = {
"gethomepage.dev/enabled" = "true"
"gethomepage.dev/name" = "Homepage"
"gethomepage.dev/description" = "Service dashboard"
"gethomepage.dev/group" = "Core Platform"
"gethomepage.dev/icon" = "homepage.png"
}
}

View file

@ -22,27 +22,10 @@ controller:
maxSurge: 25%
maxUnavailable: 25%
# Enable the ingress to expose Homepage to the network.
# Ingress managed by ingress_factory module in main.tf (routes through caching proxy)
ingress:
main:
enabled: true
labels:
gethomepage.dev/enabled: "true"
annotations:
gethomepage.dev/name: "Homepage"
gethomepage.dev/description: "Service dashboard"
gethomepage.dev/group: "Core Platform"
gethomepage.dev/icon: "homepage.png"
ingressClassName: "traefik"
hosts:
- host: &host "home.viktorbarzin.me"
paths:
- path: /
pathType: Prefix
tls:
- hosts:
- *host
secretName: ${tls_secret_name}
enabled: false
# All the config files for Homepage can be specified under their relevant config block.
config: