typescript-style

Opciones del compilador de TypeScript, configuración de ESLint y convenciones de tipado de entradas de Contentstack para kickstart-next.

npx skills add https://github.com/contentstack/kickstart-next --skill typescript-style

TypeScript style – kickstart-next

When to use

  • You are changing tsconfig.json or eslint.config.mjs.
  • You are adding or adjusting TypeScript types for Contentstack entries or Live Preview field metadata.

Instructions

Compiler options

  • tsconfig.json: strict is true, noEmit true, moduleResolution bundler, jsx react-jsx, paths includes @/* → ./*.
  • Include patterns cover **/*.ts, **/*.tsx, and Next-generated types under .next.

ESLint

  • eslint.config.mjs composes eslint-config-next core-web-vitals and typescript presets.
  • @typescript-eslint/no-explicit-any is explicitly set to off; avoid introducing any without reason, but the project does not fail lint on it.

Content models

  • Prefer extending lib/types.ts for stack-backed shapes (Page, blocks, files, CSLP $ mappings). When Live Preview needs new editable regions, add the corresponding $ field shapes on interfaces.

Más skills de contentstack

cms-assets
contentstack
Asesorar a los desarrolladores sobre cómo organizar, entregar y transformar activos en Contentstack. Cubrir la estructura de carpetas, las transformaciones de la API de entrega de imágenes, la publicación…
cms-branches-aliases
contentstack
Asesorar a desarrolladores sobre el uso de ramas de Contentstack para desarrollo de contenido aislado y alias para implementaciones de contenido sin tiempo de inactividad. Cubrir estrategia de ramas, …
cms-data-modeling-best-practices
contentstack
Guía a los desarrolladores para modelar contenido en Contentstack usando la estructura reutilizable más simple. La habilidad explica cuándo usar tipos de contenido, referencias, global...
cms-live-preview-visual-builder-support-assistant
contentstack
Diagnostica y guía implementaciones de Contentstack Live Preview y Visual Builder. Rastrea el contexto de vista previa, identifica el contrato roto y recomienda la…
cms-releases
contentstack
Asesorar a los desarrolladores sobre el uso de Contentstack Releases para la implementación coordinada y atómica de contenido. Cubrir la creación de releases, la gestión de elementos, la implementación por etapas,…
cms-roles-permissions
contentstack
Asesorar a los desarrolladores sobre el diseño de roles, permisos, equipos y acceso mediante tokens en Contentstack. Explicar los roles integrados, roles personalizados, fusión de permisos,…
cms-taxonomy
contentstack
Asesorar a desarrolladores sobre el uso de Contentstack Taxonomy para la clasificación de contenido estructurada y jerárquica y el filtrado en el lado de entrega. Cubre taxonomy vs tags,…
cms-tokens-authentication
contentstack
Asesorar a los desarrolladores sobre cómo elegir el método de autenticación de Contentstack y el tipo de token adecuados para casos de uso de frontend, backend, automatización y aplicaciones de terceros.…