TBGTHEBULLGROOVE
En producción
Ver web en vivo
Caso de Estudio · Blog & CMS · 2026

BLOG & CMS
AUTOGESTIONABLE

para el cliente
Atelier Sol
Año
2026
Tipo
CMS Headless
Deploy
VPS Hostinger
Estado
En producción
SanityNext.js 16WebhooksISRDockerNginx

01 · El Proyecto

El origen del proyecto

Atelier Sol necesitaba un blog editorial que la clienta pudiera gestionar por completo, sola, sin tocar código ni depender de la agencia para cada publicación. La solución fue un CMS headless con Sanity, conectado a la web mediante un sistema de actualización en vivo.

El blog es bilingüe con libertad editorial total: ningún campo es obligatorio y la web tolera vacíos (si falta un idioma o un dato, usa el que exista o lo omite). La clienta también gestiona los servicios de la web —texto, precio y foto de cada uno— desde el mismo panel.

"La clienta escribe, publica y en segundos está en vivo. Sin código, sin esperar a nadie: el contenido es suyo de punta a punta."
100%
autogestión de la clienta
Segundos
reflejo en vivo (publicar → web)
5
idiomas del blog (ES · EN · IT · FR · DE)
0
campos obligatorios

02 · Módulos

Qué resuelve el sistema

📝 CMS headless con Sanity

La clienta escribe y edita desde un panel propio (Sanity Studio), sin tocar código.

🔄 Autogestión en vivo (webhooks)

Al publicar en el CMS, la web se actualiza en segundos vía revalidación on-demand por webhook.

🖥️ Studio auto-hospedado

El panel de edición corre en el VPS propio (Docker + Nginx), bajo control total, en su propio subdominio.

🌍 Blog bilingüe tolerante a vacíos

Contenido en varios idiomas con libertad editorial: ningún campo obligatorio, la web se adapta a lo que exista.

⚙️ Servicios editables

La clienta gestiona también texto, precio y foto de los servicios de la web desde el mismo panel.

🔐 Rol Editor seguro

La clienta accede con rol Editor (no Admin), con permisos acotados a contenido.


03 · Arquitectura

Cómo está construida

Frontend
  • Next.js 16 App Router
  • React 19
  • TypeScript estricto
  • Tailwind v4
  • Framer Motion
  • ISR (revalidación incremental)
CMS & Datos
  • Sanity (CMS headless)
  • Sanity Studio
  • GROQ para consultas
  • Webhooks de publicación
  • Revalidación on-demand
  • Cache tags
Infraestructura
  • VPS Hostinger
  • Docker
  • Nginx (reverse proxy)
  • Studio auto-hospedado
  • Subdominio propio
  • HTTPS automático

04 · Tecnología

Stack tecnológico

Cada pieza fue elegida con un propósito concreto: que la clienta gestione su contenido sola y que cada publicación llegue a la web en segundos. Un CMS headless desacoplado, actualización por webhook y un panel auto-hospedado bajo control total.

Sanity
CMS headless
GROQ
Query de Sanity
Next.js 16
App Router · ISR
Revalidación on-demand
vía webhooks
Cache tags
Invalidación granular
Docker
Contenedores
Nginx
Reverse proxy
VPS Hostinger
Infraestructura

05 · Seguridad

Seguridad por diseño

Webhook firmadoLa revalidación valida la firma del webhook de Sanity antes de actuar.
Rol acotadoLa clienta accede con rol Editor, sin permisos de administración.
Secrets en entornoClaves y secrets fuera del código, en variables de entorno del servidor.
Solo lectura públicaLa web solo LEE del CMS; la escritura queda aislada en el panel protegido.

06 · Resultado

Autogestión en vivo

Blog y CMS activos en producción

Atelier Sol tiene un blog y unos servicios que la clienta gestiona sola, en vivo, sin costos ni demoras por cada cambio. Lo que publica aparece en la web en segundos, en producción.

Un sistema de autogestión resuelto de raíz —CMS headless, actualización por webhook y panel auto-hospedado— que le da autonomía real a la clienta y libera a la agencia de mantenimiento de contenido.

v1.0
Producción · 2026 · Ibiza, España