Saltar al contenido
Código abierto · ForgeCMS 1.0.0 · estable

Tu contenido.
Tu código.
Tu Angular.

El CMS headless code-first que se siente como en casa en tu aplicación Angular. Modela en TypeScript, ofrece a los editores un panel de administración real en Angular y mantén la interfaz del sitio bajo tu control.

Angular + AnalogCloudflare D1 + R2libSQL + S3 portable
ForgeCMS / tu próximo proyecto
Esquema Contenido API
collections / posts.tsTypeScript
import { defineCollection, defineField } from '@forge-cms/core';

export const posts = defineCollection({
  slug: 'posts',
  drafts: true,
  fields: {
    title: defineField.text({ required: true }),
    slug: defineField.slug({ autoGenerate: true, sourceField: 'title' }),
    author: defineField.relation({ collection: 'users' })
  }
});

Defínelo una vez.
Constrúyelo en todas partes.

Una colección se convierte en validación, persistencia, una API y una experiencia de edición en Angular.

Sin un esquema aparte que mantener sincronizado.
Esquema TypeScriptPanel AngularTu aplicaciónUn sistema conectado
pnpm add @forge-cms/core @forge-cms/runtime @forge-cms/db @forge-cms/auth @forge-cms/storage

Licencia MIT. ForgeCMS 1.0.0 está publicado. La versión candidata 1.0.0-rc.2 sigue en el historial de versiones; Agent Kit y Analytics son experimentales.

Cómo encaja ForgeCMS

Todo lo que hay entre tu esquema y el editor de tu cliente.

Cinco pasos desde un archivo TypeScript hasta un sitio que gestiona tu cliente. Cada uno forma parte de la versión 1.0 publicada.

  1. 01 Esquema · TypeScript primero

    Modela el contenido una vez, en código.

    Una colección es TypeScript normal en tu repositorio: campos, borradores, idiomas y reglas de acceso, revisados como cualquier otro cambio.

    collections/services.tsTypeScript
    export const services = defineCollection({
      slug: 'services',
      drafts: true,
      locales: ['es', 'en'],
      fields: {
        title: defineField.text({ required: true, localized: true }),
        summary: defineField.textarea({ localized: true }),
        image: defineField.upload({ collection: 'media' })
      }
    });
    • Validación
    • Almacenamiento
    • REST + Local API
    • Formulario de administración
    • Tipos
  2. 02 Runtime · Local API + REST

    Un único pipeline para cada lectura y escritura.

    El código de servidor llama a la Local API sin pasar por HTTP; los navegadores usan REST. Ambos ejecutan el mismo control de acceso, hooks, borradores y validación.

    Local API · código de servidorsin salto HTTP
    // Analog server route: no HTTP hop, visitor access rules
    const { docs } = await runtime.find({
      collection: 'services',
      locale: 'es',
      overrideAccess: false,
      user: null
    });
    RESTGET /api/v1/services?locale=es
    1. Acceso
    2. Hooks
    3. Borradores
    4. Validación
    Guía de la Local API
  3. 03 Angular · Cliente tipado + SSR

    Tus componentes leen signals tipados.

    El cliente Angular convierte una colección en un recurso de signals tipado a partir de tu esquema, renderizado en el servidor con Analog e hidratado.

    services.page.ts@forge-cms/angular
    @Component({
      template: `@for (s of services.value()?.docs; track s.id) {
        <app-service-card [service]="s" />
      }`
    })
    export class ServicesPage {
      services = collectionResource<Schema>(() => ({
        collection: 'services', locale: 'es'
      }));
    }

    Renderizado en el servidor · hidratado en el navegador

    Tratamientos facialesDepilación láser
  4. 04 Administración · Da el control a los editores

    Tu cliente obtiene un editor de verdad.

    El panel de administración reutilizable en Angular se monta bajo tus propias rutas: contenido, borradores, medios, usuarios y ambos idiomas, sin nada que construir a mano.

    Forge AdminES · EN
    • Servicios
    • Medios
    • Usuarios
    • Tratamientos facialesPublicado
    • Depilación láserPublicado
    • Consulta dermatológicaBorrador
  5. 05 Despliegue · Perfiles certificados

    Despliégalo donde encaje.

    Cloudflare Pages con D1 y R2, o cualquier host de Node con libSQL y almacenamiento compatible con S3. Ambos perfiles están certificados a partir de artefactos empaquetados.

    Cloudflare

    Host
    Pages
    Base de datos
    D1
    Archivos
    R2

    Certificado a partir de artefactos empaquetados

    Portable

    Host
    Cualquier host de Node
    Base de datos
    libSQL
    Archivos
    Compatible con S3

    Certificado a partir de artefactos empaquetados

Por qué ForgeCMS

Un CMS que pertenece a tu aplicación Angular.

Code-first para quien desarrolla, cómodo para el cliente y desplegable en el edge o en cualquier lugar donde se ejecute Node.

Nativo de Angular

Creado para Angular y Analog, tipado desde tu esquema hasta tu plantilla, renderizado en el servidor e hidratado.

services.tsSchemacollectionResourcetemplate
  • Angular + Analog
  • Tipado de extremo a extremo
  • SSR + hidratación
Inicio rápido con Angular

Listo para el cliente

Un panel de administración reutilizable que tu cliente realmente puede usar, montado dentro de tu aplicación.

  • Borradores y publicación
  • Biblioteca de medios
  • Contenido en ES / EN
  • Usuarios y roles
  • AnalyticsExperimental
Prueba el panel en la demo

Despliega a tu manera

Nativo del edge en Cloudflare, o portable allí donde se ejecute Node.

  • Cloudflare D1 + R2
  • libSQL + S3 portable
Perfiles de despliegue

Listo para agentes Experimental

Herramientas opcionales para desarrolladores, para que los agentes de programación sigan los patrones de Forge admitidos.

  • MCP de solo lectura
  • Ocho skills oficiales
  • Documentación acorde a tu versión
  • Inicialización con un comando
Ver el Agent Kit

La superficie de ForgeCMS 1.0

Contenido

  • Colecciones y globals únicos
  • Bloques, arrays y grupos para páginas compuestas
  • Borradores, versiones y vista previa en vivo
  • Relaciones pobladas por profundidad
  • Localización de campos de texto
  • Subidas a R2 o S3

Backend

  • Local API sin salto HTTP interno
  • REST con un envoltorio de respuesta estable
  • Hooks en cada escritura
  • Funciones de acceso por fila y por campo
  • Sesiones de navegador con CSRF
  • Claves de API para clientes de máquina

Angular

  • Cliente tipado generado a partir de tu esquema
  • Recursos basados en signals
  • SSR e hidratación para Analog
  • Un panel de administración reutilizable que montas bajo tus propias rutas
  • Navegación y ruta de montaje del panel personalizables

Operaciones

  • Detección de divergencias del esquema antes de cualquier escritura
  • Migraciones atómicas y revisadas
  • Ensayo de copia de seguridad y restauración
  • Cloudflare D1 + R2, de primera clase
  • libSQL + S3 portable
  • Certificación de artefactos empaquetados

Desarrollador ↔ cliente

Tú construyes el sitio. Ellos gestionan el contenido.

Míralo en el sitio real de una clínica
ModelarConstruirPublicar

Code-first · tú escribes

defineCollection({
  slug: 'services',
  locales: ['es', 'en'],
  fields: {
    title: defineField.text({ localized: true }),
    summary: defineField.textarea({ localized: true }),
    image: defineField.upload({ collection: 'media' })
  }
})

Pensado para el cliente · ellos editan

ServicioES
TítuloTratamientos faciales
ResumenCuida tu piel con resultados naturales.
Imagenfacial.jpg
Borrador guardadoPublicar

Declaras los campos una vez. Forge renderiza el formulario que edita tu cliente.

Desarrollador

  • Construye la interfaz en Angular
  • Define el esquema de Forge
  • Es dueño de cada componente
  • Despliega la aplicación

Cliente · Forge Admin

  • Abre Forge Admin
  • Edita títulos y descripciones
  • Escribe contenido en ES y EN
  • Sube medios y publica
  • Consulta Analytics Experimental

Los editores cambian el contenido, no el diseño. ForgeCMS no es un constructor de páginas: tus componentes siguen siendo tuyos.

Para sitios reales de clientes

Español e inglés, uno al lado del otro.

Declara los idiomas en el esquema. Los campos text y textarea de primer nivel guardan un valor distinto por idioma; los slugs, las imágenes y las relaciones se comparten.

El texto enriquecido, los bloques, los arrays, las subidas y las relaciones no se localizan en 1.0.

Guía de localización

Avisos / Tratamientos faciales

Título ESTratamientos faciales
Descripción ESCuidado de la piel con resultados naturales.
Slug Compartidotratamientos-faciales
Imagen Compartidofacial.jpg

Ilustrativo · el panel edita un idioma cada vez

Un documento, un valor almacenado por idioma
CampoESEN
TítuloTratamientos facialesFacial treatments
DescripciónCuidado de la piel con resultados naturales.Skin care with natural-looking results.

Agent Kit Experimental

Tu agente de programación no debería tener que adivinar cómo funciona ForgeCMS.

Un solo comando conecta un servidor MCP local de solo lectura y las skills oficiales para la versión exacta que instalaste. Herramientas de desarrollo en torno a ForgeCMS; la compatibilidad puede evolucionar.

MCP
Conocimiento del proyecto de solo lectura
Skills
Guía procedimental de Forge
Tu agente
Edita el código con sus herramientas habituales
  • Local
  • solo lectura
  • Sin telemetría

Publicado en 1.0.0; el Agent Kit sigue siendo experimental.

  1. pnpm exec forge-cms-agent init
  2. Hecho: MCP configurado.mcp.json · forge-cms (solo lectura)
  3. Hecho: 8 skills de ForgeCMS instaladas.claude/skills/
  4. Hecho: Documentación acorde a tu versión listaincluida, sin conexión
  5. Hecho: Diagnóstico del proyecto disponibleforge_project_doctor
  6. Tú“Haz que los servicios se puedan editar en español y en inglés.”
  7. Hecho: forge_project_detectAnalog · perfil de Cloudflare · aún sin idiomas
  8. Hecho: forge_docs_search"localization" en la versión instalada
  9. Hecho: forgecms-localizationskill: el patrón admitido
  10. Implementación de Forge admitidaescrita por tu agente con sus propias herramientas, revisada por ti
Ilustrativo · Flujo candidato. El MCP solo lee; tu agente edita el proyecto con sus propias herramientas.

Analytics Experimental

¿Alguien visita el sitio? El cliente puede verlo.

Analítica opcional de páginas vistas dentro del mismo panel, basada en Cloudflare Analytics Engine. Privada por diseño:

  • Sin identificador de visitante
  • Sin cookie de seguimiento persistente
  • Forge no almacena la IP
  • Sin correo electrónico ni ID de usuario
  • Sin query string ni hash
  • Solo el host de referencia
Documentación de Analytics

Analytics

Vista previa ilustrativa · no son datos reales

Páginas vistas

1284

+18,4 % frente al periodo anterior de 7d

Evolución

Páginas principales

  • /41 %
  • /services34 %
  • /contact11 %

Referencias

  • google.com49 %
  • instagram.com24 %

Países

  • ES64 %
  • GB15 %
  • DE9 %
Lumea AestheticsProyecto de ejemplo

Un sitio real.
Contenido real.

Un sitio web de una clínica, un flujo editorial y un panel de administración en Angular. Conectados por ForgeCMS.

La prueba

Tú construyes la interfaz.
Tu cliente obtiene el control.

Lumea es el sitio de una clínica construido con ForgeCMS. Todo lo anterior funciona allí, sobre un runtime real:

  • Contenido
  • Borradores
  • Subidas
  • Roles
  • ES / EN
  • Analytics Experimental
Explorar la demo de Lumea

Una base componible

Usa las piezas que necesita tu proyecto.

Doce paquetes enfocados. Los once estables avanzan juntos en v1.0.0; el Agent Kit experimental se publica como parte de la familia de paquetes 1.0.0.

Paquetes
12
Estables
11
Experimentales
1

Experiencia Angular

Consumo tipado y el panel de administración reutilizable

  • @forge-cms/angular

    Cliente tipado, recursos de signals, sesión de autenticación y guard

    1.0.0
  • @forge-cms/admin

    Panel de administración Angular integrable: contenido, usuarios, inicio de sesión

    1.0.0

Runtime y plataforma

Operaciones, transporte y adaptadores de despliegue

  • @forge-cms/s3

    StorageAdapter compatible con S3 para almacenamiento de archivos duradero y portable

    1.0.0
  • @forge-cms/api

    Contratos de ApiContext y de los manejadores HTTP

    1.0.0
  • @forge-cms/runtime

    Local API, acceso, hooks, borradores, manejadores HTTP

    1.0.0
  • @forge-cms/cloudflare

    Adaptadores de base de datos D1 y de almacenamiento R2

    1.0.0

Base

Modelo, datos, identidad y archivos

  • @forge-cms/core

    DSL de esquemas, validación, definiciones de colecciones y globals

    1.0.0
  • @forge-cms/db

    Contrato de base de datos, adaptadores InMemory y libSQL, sincronización del esquema

    1.0.0
  • @forge-cms/auth

    Autenticación de la colección de usuarios, sesiones, claves de API

    1.0.0
  • @forge-cms/storage

    Contrato de almacenamiento y adaptador InMemory

    1.0.0

Calidad y herramientas

Contratos de adaptadores y soporte para agentes de programación

  • @forge-cms/testing

    Conjuntos de pruebas de contrato para adaptadores

    1.0.0
  • @forge-cms/agent

    Servidor MCP de solo lectura y skills oficiales para agentes de programación

    Experimental1.0.0

Bases de datos: InMemory, libSQL y Cloudflare D1. Almacenamiento: InMemory, Cloudflare R2 y un servicio compatible con S3 (Garage es el certificado en CI; AWS S3, Backblaze B2 y Wasabi son configurables, no certificados). Hay dos perfiles duraderos certificados: Cloudflare (D1 + R2) y portable (libSQL + S3).

Abrir el inicio rápido

ForgeCMS 1.0 → 2.0

Una base ya publicada. Una dirección clara para lo siguiente.

ForgeCMS 1.0.0 ya está publicado. La hoja de ruta V2 se centra en flujos editoriales más sólidos, la experiencia de desarrollo y las operaciones en producción.

Son hitos de producto, no versiones de npm ni fechas de entrega. Las funcionalidades de V2 son intenciones de la hoja de ruta hasta que se publiquen y documenten.

10 hitos · el siguiente es V2-01

  1. V2-01Siguiente

    Base, seguridad y gobernanza de versiones

    Cerrar el seguimiento de la certificación 1.0 y reforzar la gobernanza de versiones, seguridad y accesibilidad.

  2. V2-02Planificado

    Experiencia de desarrollo y arranque de proyectos

    Hacer más rápido empezar, configurar, diagnosticar y construir una primera colección.

  3. V2-03Planificado

    Plataforma Forge Admin

    Convertir el panel de administración Angular reutilizable en un backoffice predeterminado coherente.

  4. V2-04Planificado

    UX profesional de gestión de contenidos

    Mejorar la gestión de colecciones, la recuperación y los flujos de trabajo de los editores.

  5. V2-05Planificado

    Texto enriquecido, medios y autoría

    Dar soporte a la autoría editorial diaria con texto enriquecido portable y herramientas de medios útiles.

  6. V2-06Planificado

    Modelado de contenido avanzado y localización

    Ampliar el modelado estructurado y multilingüe manteniendo la paridad entre adaptadores.

  7. V2-07Planificado

    Flujos editoriales, versiones e identidad

    Añadir flujos fiables de revisión, programación, auditoría e identidad.

  8. V2-08Planificado

    Consola para desarrolladores y herramientas de API

    Dar a los desarrolladores herramientas seguras y fiables para inspeccionar y diagnosticar un proyecto ForgeCMS.

  9. V2-09Planificado

    Operaciones en producción y portabilidad

    Hacer que las actualizaciones, la observabilidad y la recuperación sean repetibles en los perfiles admitidos.

  10. V2-10Planificado

    Validación en el mundo real y certificación 2.0

    Validar el producto con consumidores independientes y una migración y una versión certificadas.

Leer la hoja de ruta completa

Tu próximo proyecto empieza por tu contenido.

Conoce el modelo, explora un proyecto real y construye un sistema de contenidos que encaje en tu aplicación Angular.