Astro 7 · Tailwind v4 · OKE · opencode
---
config:
theme: base
themeVariables:
primaryColor: "#f07a1f"
primaryTextColor: "#ffffff"
primaryBorderColor: "#ff9b3d"
lineColor: "#5b6573"
secondaryColor: "#0a0f18"
tertiaryColor: "#06111f"
fontSize: 16px
---
flowchart LR
subgraph CREACION["1. Creación de contenido"]
direction TB
A1("🖥️ Prompt en
opencode")
A2("🤖 LLM open‑weights
DeepSeek V4 Flash
Qwen 3.6 · Mimo 2.5")
A3("📝 Código +
Markdown +
componentes")
A1 --> A2 --> A3
end
subgraph REVISION["2. Revisión y commit"]
direction TB
B1("🔍 Validación
npm run build")
B2("✅ git commit
+ push a GitHub")
B1 --> B2
end
subgraph BUILD["3. Build Docker"]
direction TB
C1("🐳 Docker build
multi‑stage")
C2("📦 Imagen en
OCIR registry")
C1 --> C2
end
subgraph DEPLOY["4. Despliegue OKE"]
direction TB
D1("🚀 kubectl rollout
restart")
D2("🌐 nginx:alpine
sirve dist/")
D3("🌍 polluxdata.com
OCI Load Balancer")
D1 --> D2 --> D3
end
A3 --> B1
B2 --> C1
C2 --> D1
style A1 fill:#0b2f55,stroke:#f07a1f,color:#fff,stroke-width:2
style A2 fill:#7c3aed,stroke:#a78bfa,color:#fff,stroke-width:2
style A3 fill:#071a2d,stroke:#3ccf91,color:#fff,stroke-width:2
style B1 fill:#b45309,stroke:#fbbf24,color:#fff,stroke-width:2
style B2 fill:#15803d,stroke:#4ade80,color:#fff,stroke-width:2
style C1 fill:#991b1b,stroke:#f87171,color:#fff,stroke-width:2
style C2 fill:#991b1b,stroke:#f87171,color:#fff,stroke-width:2
style D1 fill:#0b2f55,stroke:#60a5fa,color:#fff,stroke-width:2
style D2 fill:#0b2f55,stroke:#60a5fa,color:#fff,stroke-width:2
style D3 fill:#7c3aed,stroke:#a78bfa,color:#fff,stroke-width:2
Stack: opencode · DeepSeek V4 Flash · Qwen 3.6 · Mimo 2.5 · Astro 7 · Tailwind v4 · TypeScript · Docker · OKE · OCI Load Balancer · nginx:alpine