typescript-style

TypeScript compiler options, ESLint setup, and Contentstack entry typing conventions for 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.

More skills from contentstack

cms-assets
contentstack
Advise developers on organizing, delivering, and transforming assets in Contentstack. Cover folder structure, Image Delivery API transformations, publishing…
cms-branches-aliases
contentstack
Advise developers on using Contentstack branches for isolated content development and aliases for zero-downtime content deployments. Cover branch strategy,…
cms-data-modeling-best-practices
contentstack
Guide developers to model content in Contentstack using the simplest reusable structure. The skill explains when to use content types, references, global…
cms-live-preview-visual-builder-support-assistant
contentstack
Diagnose and guide Contentstack Live Preview and Visual Builder implementations. Trace preview context, identify the broken contract, and recommend the…
cms-releases
contentstack
Advise developers on using Contentstack Releases for coordinated, atomic content deployment. Cover release creation, item management, staged deployment,…
cms-roles-permissions
contentstack
Advise developers on designing roles, permissions, teams, and token access in Contentstack. Explain built-in roles, custom roles, permission merging,…
cms-taxonomy
contentstack
Advise developers on using Contentstack Taxonomy for structured, hierarchical content classification and delivery-side filtering. Covers taxonomy vs tags,…
cms-tokens-authentication
contentstack
Advise developers on choosing the right Contentstack authentication method and token type for frontend, backend, automation, and third-party app use cases.…