typescript-style

Opsi kompiler TypeScript, pengaturan ESLint, dan konvensi pengetikan entri Contentstack untuk 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.

Lebih banyak skill dari contentstack

brand-kit-assistant
contentstack
Memberikan saran kepada pengguna tentang konsep Contentstack Brand Kit, pengaturan, tata kelola, dan pembuatan konten AI sesuai merek. Mengarahkan tugas khusus API ke kemampuan Brand Kit yang tepat atau…
official
cms-assets
contentstack
Advise developers on organizing, delivering, and transforming assets in Contentstack. Cover folder structure, Image Delivery API transformations, publishing…
official
cms-branches-aliases
contentstack
Memberi saran kepada pengembang tentang penggunaan cabang Contentstack untuk pengembangan konten terisolasi dan alias untuk deployment konten tanpa downtime. Mencakup strategi cabang,…
official
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…
official
cms-entries
contentstack
Advise developers on querying, localizing, versioning, publishing, and structuring Contentstack entries for efficient delivery. Focus on CDA usage, reference…
official
cms-environments-publishing
contentstack
Advise developers on configuring environments, publishing content, using delivery and preview tokens, leveraging the Sync API, and understanding CDN and…
official
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…
official
cms-localization
contentstack
Advise developers on Contentstack localization: language setup, fallback chains, localized vs unlocalized entries, non-localizable fields, and multi-locale…
official