Skip to main content

Contentful

Descripción

Contentful se define a sí mismo como una «plataforma de infraestructura de contenidos», enfocada en empresas que necesitan una fiabilidad extrema y una entrega de datos global ultrarrápida.

Principales características

Enfoque cloud-native

Al ser una plataforma gestionada, Contentful se encarga de todo el mantenimiento, parches de seguridad y escalabilidad. No tendremos que preocuparnos de si nuestra base de datos aguantará un pico de tráfico; su infraestructura cloud-native está diseñada para escalar automáticamente.

Modelado de contenido visual

Ofrece una interfaz muy pulida para definir content types (tipos de contenido). Podemos crear relaciones complejas entre entradas (por ejemplo, que un «Autor» esté vinculado a múltiples «Artículos») de forma puramente visual y lógica.

CDN (Content Delivery Network) global

Contentful entrega los datos a través de una red de distribución global (principalmente mediante Fastly). Esto garantiza que, si un usuario accede a nuestra web desde Japón y nuestro equipo está en España, los datos tarden milisegundos en cargar.

App framework

Esta es una de sus funciones más potentes. Permite personalizar el panel de control, integrando herramientas externas directamente en la interfaz. Por ejemplo:

  • Un selector de productos de Shopify dentro del editor.

  • Un buscador de activos de Cloudinary.

  • Herramientas de traducción automática o análisis de SEO.

APIs

Contentful no ofrece una sola API, sino varias especializadas para optimizar el rendimiento.

  • Content Delivery API (CDA): Para recuperar contenido publicado (solo lectura, muy rápida).

  • Content Preview API (CPA): Para ver borradores antes de publicarlos.

  • Content Management API (CMA): Para crear o actualizar contenido mediante código.

  • Images API: Permite manipular imágenes sobre la marcha (cambiar tamaño, recortar o cambiar formato), simplemente añadiendo parámetros a la URL.

Pros y contras

Ventajas

  • Time-to-market: Podemos empezar a trabajar en segundos sin configurar servidores.

  • Ecosistema empresarial: Certificaciones de seguridad (ISO, SOC2) y soporte 24/7 (en planes de pago).

  • Interfaz para editores: Es, posiblemente, la más amigable y profesional para equipos de marketing.

  • Omnicanalidad real: Excelente gestión de idiomas y versiones de contenido.

Desventajas

  • Precio: Su plan gratuito es generoso pero limitado. El coste del plan «Team» podría resultar inasequible para una PYME o una startup pequeña.

  • Control de datos: Nuestros datos residirán en sus servidores. Si necesitamos, por ley o política, tener el control físico de la base de datos, Contentful no nos será de utilidad.

  • Límites de uso: Todo está medido (número de registros, llamadas a la API, ancho de banda). Si excedemos los límites, los costes pueden subir rápidamente.

Ejemplos

Para realizar una consulta en Contentful, el proceso es similar al de Strapi en el sentido de que ambas devuelven un objeto JSON, pero Contentful utiliza una estructura de autenticación mediante tokens de acceso y una URL base específica de sus servidores.

Imaginemos que queremos traer una lista de «Entradas de blog». Necesitaremos tres datos clave: el Space ID, el Environment ID (normalmente master) y nuestro Access Token.

Así se vería la consulta utilizando la Content Delivery API (CDA) de Contentful:

const SPACE_ID = ‘mi_space_id’;
const ACCESS_TOKEN = ‘mi_access_token’;
const ENVIRONMENT_ID = ‘master’;

// URL de la API de Contentful
const url = `https://cdn.contentful.com/spaces/${SPACE_ID}/environments/${ENVIRONMENT_ID}/entries?access_token=${ACCESS_TOKEN}&content_type=blogPost`;

async function getContentfulData() {
try {
const response = await fetch(url);
const data = await response.json();

// Contentful separa los datos en ‘items’ y ‘includes’ (para imágenes/activos)
console.log(data.items);
} catch (error) {
console.error(«Error al obtener datos:», error);
}
}

getContentfulData();

Contentful tiene un soporte excelente para GraphQL, lo cual es muy útil para evitar el over-fetching (traer más datos de los necesarios). Una consulta se vería así:

Enlaces

Recursos

Ir a Arriba