Directus
Directus es un headless CMS moderno que convierte cualquier base de datos SQL en una API REST y GraphQL instantánea, con un panel de administración elegante.
Primeros Pasos
1. Acceder a Directus
Después de que tu deployment esté listo:
- Visita tu URL:
https://tu-subdominio.deployalo.com - Verás la pantalla de inicio de sesión
2. Credenciales de Administrador
- Email: Ve a Tab Técnico → Variables de Entorno →
ADMIN_EMAIL - Contraseña: Ve a Tab Técnico → Variables de Entorno →
ADMIN_PASSWORD
3. Primer Login
- Inicia sesión con las credenciales anteriores
- Accederás al panel de administración de Directus
Configuración Inicial
Crear tu Primera Colección
Las colecciones en Directus son como tablas en una base de datos:
- Ve a Settings → Data Model
- Click "Create Collection"
- Ingresa nombre (ej:
articles,products) - Añade campos:
title(String)content(WYSIWYG)published_date(DateTime)image(Image)
- Click "Save"
Añadir Contenido
- Ve a Content → [Tu Colección]
- Click "+" para crear un nuevo item
- Completa los campos
- Click "Save"
API REST
Tu contenido está disponible automáticamente via API:
# Listar items
GET https://tu-subdominio.deployalo.com/items/articles
# Obtener un item
GET https://tu-subdominio.deployalo.com/items/articles/1
# Crear item (autenticado)
POST https://tu-subdominio.deployalo.com/items/articles
{
"title": "Mi Artículo",
"content": "Contenido aquí..."
}
Autenticación
# Obtener token
POST https://tu-subdominio.deployalo.com/auth/login
{
"email": "tu@email.com",
"password": "tu-password"
}
# Usar token
GET https://tu-subdominio.deployalo.com/items/articles
Authorization: Bearer <token>
API GraphQL
También disponible en /graphql:
query {
articles {
id
title
content
published_date
}
}
Permisos y Roles
- Ve a Settings → Roles & Permissions
- Crea roles personalizados:
- Editor - puede crear/editar contenido
- Author - solo su propio contenido
- Public - permisos de lectura pública
- Configura permisos por colección
Webhooks
Automatiza acciones cuando el contenido cambia:
- Ve a Settings → Webhooks
- Click "Create Webhook"
- Configura:
- URL de destino
- Eventos (create, update, delete)
- Colecciones a monitorear
Flows (Automatización)
Directus incluye un sistema de automatización visual:
- Ve a Settings → Flows
- Crea un flow:
- Trigger: Cuando se crea un artículo
- Action: Enviar email de notificación
Casos de Uso
- Blog/CMS - Gestiona artículos, categorías, autores
- E-commerce - Productos, categorías, inventario
- App Backend - API para tu app móvil/web
- Dashboard - Panel de administración para cualquier dato
Recursos
- Documentación de Directus
- SDK JavaScript
- Directus TV - Tutoriales en video