Desarrolladores

Zone controla el diseño; la plataforma, los datos y las reglas.

Zone es el sitio de la comunidad y puede incluir código de presentación propio. Ese código solo controla el diseño. La plataforma proporciona los datos y conserva los permisos y la moderación.

Tema

Configura primero. Escribe código después.

Cada Zone parte de un tema predeterminado. Ajusta la densidad, el fondo de las páginas y la proporción de las portadas. Si lo necesitas, cambia el color de acento y organiza módulos como el carrusel de destacados, la estantería, las clasificaciones y la selección editorial. Solo hace falta mostrar código cuando los ajustes no bastan para el diseño.

Una hoja azul grisácea forma un pequeño marco con una ventana. Detrás hay una hoja celeste.

Ajustes

Ajustes de un tema

const tokens: ZoneTokens = {
  colorScheme: 'system',
  accent: '#3b4a5a',
  density: 'comfortable',
  cardRadius: 'md',
  headingFontScale: 'md',
  surfaceTint: 'subtle',
  fontPairing: 'serif',
  pageSurface: 'flat',
  coverStyle: 'portrait',
};
Todos los campos obligatorios de los ajustes del tema. Los tipos proceden de @rezics/zone-sdk.

Ranuras

Añade código en ranuras con nombre

El código de presentación es un paquete que añade componentes a ranuras con nombre: encabezado, destacados, búsqueda, panel de datos, fichas de obras, módulos y pie de página. Cada ranura recibe el componente de la plataforma, que el paquete puede envolver o sustituir.

export default defineZonePackage({
  slug: 'anime',
  css,
  catalogue: { count: 'episodes',
    formatNames: animeFormatNames
  },
  slots: {
    browseHeader:
      AnimeBrowseHeader,
    workCard: AnimeCard,
    cataloguePanel:
      AnimeCataloguePanel,
    footer: AnimeFooter,
  },
});
Fragmento del punto de entrada del paquete de Zone Anime de REZICS.

Límites

Límites del paquete

  • No obtiene datos por su cuenta

    La plataforma lee los datos y los envía a la ranura. El paquete no hace peticiones.

  • No accede a credenciales

    No lee cookies, el almacenamiento del navegador ni otras credenciales.

  • No oculta la interfaz de la plataforma

    Los menús de cuenta y Zone, las denuncias y la confirmación de edad están fuera de las ranuras. La marca «Por qué está aquí» también aparece en cada obra.

  • Los estilos solo afectan a Zone

    Los estilos se limitan a este Zone, y los colores y las fuentes usan solo las variables de la plataforma.

  • Tamaño limitado

    Después de comprimir con gzip, el CSS no puede superar 40 KiB y JavaScript, 50 KiB.

Publicación

De la revisión a la publicación

  • Calcula el hash

    Se calcula un hash para todos los archivos del paquete. Si cambia un solo byte, cambia el hash.

  • Revisión independiente

    Otra cuenta revisa el código fuente, los archivos generados, la accesibilidad y el comportamiento ante errores, y registra su decisión y el hash de las pruebas.

  • Activa una versión y fija su vencimiento

    Solo se pueden activar las versiones revisadas y todas tienen una fecha de vencimiento. Volver a una versión anterior no reactiva una aprobación caducada.

  • Vuelve al diseño estándar cuando quieras

    Si el hash no coincide, se muestra el diseño estándar. Los lectores pueden desactivar el paquete o añadir ?safe a la dirección para usar el modo seguro. La plataforma también tiene un interruptor general.

Un solo backend, el frontend lo decides tú; los agentes de IA también consultan los mismos datos.

Un nuevo sitio de comunidad no requiere otro backend. El código de presentación solo lee la API pública y no contiene lógica de negocio. Todos los datos que muestra Zone también están disponibles por API.

Crea tus propias herramientas con la misma API.

Permite que tus programas lean y modifiquen obras, tu biblioteca y los datos de la comunidad. Cada operación aplica las reglas de identidad y autorización de REZICS.