Usar FrameKit

FrameKit convierte plantillas React en flujos editables para crear imágenes. Empieza por la tarea que necesitas completar; la barra lateral contiene los conceptos y la referencia más detallados.

Precaución

La autenticación es opcional. Cuando FRAMEKIT_AUTH_ENABLED falta o es false, /editor y /brand están abiertos, /login redirige a /editor, /settings y la API de acceso no existen, y el renderizado de imágenes no necesita credenciales, pero conserva sus defensas. Define FRAMEKIT_AUTH_ENABLED=true antes de exponer producción a una red no confiable.

Empieza aquí

Crear un proyecto nuevoGenera el proyecto canónico de Next.js y abre Studio.

Añadir FrameKit a Next.jsIntegra FrameKit en una aplicación existente con App Router.

Crear tu primera plantillaDefine campos editables, contenido, dimensiones y un renderizador React.

Usar StudioEdita contenido, trabaja con marcas y exporta imágenes PNG.

Construye con FrameKit

PlantillasComprende definiciones, campos, variantes, assets y renderizado.

Componentes de marcaCrea bloques visuales reutilizables que FrameKit descubre automáticamente.

API HTTPIntegra gestión de acceso opcional y renderizado de imágenes del lado del servidor.

DesplieguePrepara Node, Chromium, datos de auth opcionales, secretos y persistencia.

Para detalles de comandos, contratos de configuración, migraciones y diagnósticos, usa Referencia, Migraciones y Solución de problemas en la barra lateral en lugar de repetirlos dentro de las guías.