🧰 Keystone.js · Estudio ← Índice Qué es Características Casos de uso Script Casos reales Referencia

Estudio de Keystone.js

Backend (CMS) ⭐ 8k stars
Backend + CMS autohospedado y extensible con API GraphQL/REST.

🤖 Skill de implementación: frontend-desarrollo (regla: solo catálogo de las 66 · versiones por ERR/MEJ)

1 · Características

2 · Casos de uso

3 · Script minimalista

Instalación: npm create keystone-app@latest

// schema.ts
export const List = list({ fields: { titulo: text() } });

4 · Casos de uso (implementación real)

Dos casos de uso comunes implementados con esta librería.

1. List con fields

Define un tipo de contenido con campos.

// schema.ts
import { list } from '@keystone-6/core';
import { text, integer } from '@keystone-6/core/fields';

export const lists = {
  Producto: list({ fields: { nombre: text({ validation: { isRequired: true } }), precio: integer() } }),
};
🔁 Cómo funciona: Keystone genera la API GraphQL/REST y el CMS a partir de la definición de lists.

2. Query GraphQL

Consulta los productos desde el frontend.

// Frontend (Apollo)
query { productos { id nombre precio } }
// Responde: { "productos": [{ "id": "1", "nombre": "Teclado", "precio": 25 }] }
🔁 Cómo funciona: Cada list expone queries/mutations GraphQL automáticas para el frontend.

5 · Referencia

CategoríaBackend (CMS)
Stars (GitHub)⭐ 8k
Sitio oficialhttps://keystonejs.com/
GitHubhttps://github.com/keystonejs/keystone
Instalaciónnpm create keystone-app@latest
RelacionadasStrapi · Express.js · Ghost
📦 Regla de librerías (local primero): revisar C:\Users\TUF\Documents\librerías\local\ antes de descargar. Volver al índice de los 66 estudios.