todos los proyectos

Revista Ocio

Revista Ocio — un medio digital sobre WordPress headless y Next.js

Sitio de una revista de cultura, agenda y entretenimiento de Córdoba: la redacción publica en WordPress y un front-end en Next.js lo renderiza rápido, con imágenes optimizadas y detrás de Cloudflare.

Rol: Full Stack · Diseño y desarrollo 2025 Ver sitio
Next.jsWordPress (headless)Tailwind CSSshadcn/uiCloudflare
  • Redacción publica en WordPress sin tocar código

  • Front-end en Next.js con imágenes optimizadas

  • Distribución global y caché en el edge (Cloudflare)

El contexto

Revista Ocio es un medio digital de cultura, moda, bienestar, gastronomía y agenda orientado a Córdoba. Publican seguido y con mucho contenido visual, así que el sitio tenía que ser cómodo para la redacción y rápido para el lector.

El desafío

Combinar dos mundos que suelen estar en tensión: la comodidad editorial de un CMS conocido (que cualquier redactor pueda cargar notas, fotos y secciones) con el rendimiento y la estética de un front-end moderno. Un WordPress tradicional daba lo primero pero no lo segundo.

La solución

Una arquitectura headless: WordPress queda como back-office de contenido (notas, categorías, multimedia), y un front-end en Next.js consume ese contenido, lo renderiza y optimiza las imágenes. La interfaz está construida con Tailwind CSS + shadcn/ui, y todo se sirve detrás de Cloudflare para caché y distribución global.

Arquitectura headless
WordPress CMS / redacción
Next.js Front-end + imágenes
Cloudflare CDN / edge
Lector Web responsive

La redacción publica en WordPress; el front en Next.js lo consume y sirve una experiencia rápida, con las imágenes pasando por el optimizador.

El resultado es una grilla editorial con hero de portada, secciones (Actualidad, Lifestyle, Planazo, Gastronomía…), galerías horizontales y suscripción al newsletter.

El resultado

La redacción trabaja en el WordPress de siempre, pero el público recibe un sitio moderno, veloz y responsive, con imágenes que se adaptan al dispositivo. Lo mejor de los dos mundos, sin obligar al equipo editorial a cambiar su forma de trabajar.

↑↓ moverse ↵ abrir esc cerrar