Logotipo de ForgeCMSForgeCMS
Demo en vivo

Lumea es una clínica construida con contenido, no una captura de pantalla.

Tratamientos, precios, personal, blog, reservas y el diseño de la página de inicio viven en ForgeCMS. Visita el sitio público y luego inicia sesión y cambia el contenido que lo generó.

Abrir la clínica Iniciar sesión en el CMS

Qué explorar

Todo lo que aparece aquí funciona en la demo en vivo.

Editor

  • Edita y publica contenido; los borradores siguen siendo privadosAdmin → Treatments
  • Sube y reutiliza mediosAdmin → Media
  • Panel adaptado a cada rol con navegación personalizadaInicia sesión como Admin y luego como Front desk
  • Escribe el mismo aviso en español y en inglésAdmin → Content → Notices
  • Consulta el tráfico del sitioExperimentalAdmin → Analytics

Desarrollador

  • Esquema code-firstserver/api/collections.ts
  • Composición con la Local API y control de accesoroutes/api/site/*
  • Cliente Angular tipado y panel como paqueteapp.routes.ts, pages/admin
  • Subidas, y migraciones revisadas / recuperaciónmigrations.ts, docs/BACKUP-RESTORE.md
  • Integración de AnalyticsExperimentalserver/analytics, app.config.ts
  • El Agent Kit puede inspeccionar un proyecto como este (herramienta de desarrollo, no forma parte del runtime de la demo)Experimentalscripts/agent-dogfood.test.mjs

Míralo como editor

Publica algo y observa cómo cambia.

  1. Mira primero el sitio de la clínica

    Cada palabra, precio, imagen y horario de apertura es contenido, no código. La propia página de inicio es una lista de bloques que ordenó un editor.

  2. Inicia sesión y explora el contenido

    Abre Treatments, Team y Journal. Cada uno es una colección con sus propios campos, borradores y relaciones. La demo alojada los mantiene en solo lectura para que siga intacta para todos.

  3. Cambia el sitio entre EN y ES

    El aviso "From the clinic" de la parte superior es contenido localizado. Abre Content y luego Notices, edítalo en un idioma, cambia de idioma y edita el otro, y después publica: cada idioma conserva su propio texto y el sitio público se actualiza. Los avisos son la parte de la demo alojada que puedes editar.

  4. Envíate una reserva

    Rellena el formulario de reserva del sitio público y luego abre Bookings en el CMS. Llega como pendiente y solo el personal puede verla.

  5. Comprueba qué limita la demo alojada

    La demo alojada limita los borrados, los documentos nuevos, las subidas y los cambios de configuración para que el ejemplo siga disponible. Tu propio proyecto ForgeCMS no tiene ninguno de estos límites. Clona la demo para probar las subidas y todas las ediciones.

  6. Consulta el tráfico del sitio (experimental)

    Las páginas de resumen y de Analytics muestran visitas reales de Cloudflare Analytics Engine cuando está configurado, o dicen claramente que no lo está. Nunca hay cifras de relleno.

Inspecciónalo como desarrollador Angular

Sigue el modelo hasta el runtime y la interfaz.

  1. El modelo de contenido es un único archivo TypeScript

    apps/demo-aesthetics/src/server/api/collections.ts: doce colecciones con borradores, hooks, reglas de acceso por fila, campos compuestos y una colección localizada. Ese archivo es todo el esquema.

  2. El servidor habla con el CMS sin pasar por HTTP

    src/server/routes/api/site/home.get.ts combina cinco colecciones en una sola respuesta mediante la Local API (runtime.find/create), aplicando el control de acceso y las reglas de borradores.

  3. La localización usa el contrato admitido

    La colección notices localiza solo los campos text y textarea de primer nivel. La lectura pública pasa un idioma y se ejecuta como visitante anónimo, así que los borradores nunca se filtran en ningún idioma.

  4. Las escrituras públicas las decide la colección, no la ruta

    El formulario de reserva envía datos sin usuario. La colección bookings lo permite mediante access.create, y un hook fuerza el estado de vuelta a pendiente para que una petición manipulada no pueda confirmarse sola.

  5. El panel de administración es un paquete, no código de la aplicación

    @forge-cms/admin incluye el diseño, la sesión de inicio de sesión, la lista de colecciones, el editor de documentos y las cuentas del personal. La aplicación monta sus rutas, define su propia navegación y solo conserva las páginas específicas de la clínica.

  6. Analytics y el Agent Kit se usan en la propia demo

    Analytics (experimental) está conectado con la receta documentada. El Agent Kit es una herramienta de desarrollo: una prueba apunta su MCP de solo lectura a este proyecto y comprueba que se detecta. No forma parte del runtime de la demo.

  7. Ejecuta las pruebas para ver las reglas

    pnpm test:demo recorre el modelo de contenido mediante la Local API tipada: quién puede leer una reserva, para quién es invisible un borrador, qué reescribe un hook, cómo se resuelve un aviso según el idioma.

Cuentas de demo compartidas

Usa el mismo CMS que usa la clínica.

Prueba el panel de administración real. Todo el mundo comparte la base de datos, así que la demo alojada limita las acciones destructivas y las que consumen mucho almacenamiento —puedes editar y publicar los avisos localizados y enviar una reserva— para que el ejemplo siga disponible para el siguiente visitante. Tu propio proyecto ForgeCMS no tiene estos límites de la demo compartida.

Admin

[email protected] / lumea-demo

Recepción (editor)

[email protected] / lumea-desk

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.

Explorar la demo Leer la documentación