typescript-style

作成者: contentstack

TypeScriptコンパイラオプション、ESLint設定、およびkickstart-nextのContentstackエントリ型付け規則。

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.

contentstackのその他のスキル

brand-kit-assistant
contentstack
Contentstack Brand Kitの概念、セットアップ、ガバナンス、およびブランドに沿ったAI生成についてユーザーにアドバイスします。API固有のタスクを適切なBrand Kit機能にルーティングします。
official
cms-assets
contentstack
開発者に対し、Contentstackにおけるアセットの整理、配信、変換についてアドバイスします。フォルダ構造、Image Delivery APIの変換、公開などをカバーします。
official
cms-branches-aliases
contentstack
Contentstackのブランチを使用した分離されたコンテンツ開発と、ゼロダウンタイムのコンテンツデプロイメントのためのエイリアスについて、開発者にアドバイスします。ブランチ戦略、…をカバーします。
official
cms-data-modeling-best-practices
contentstack
開発者がContentstackでコンテンツをモデリングする際、最もシンプルで再利用可能な構造を導きます。このスキルは、コンテンツタイプ、参照、グローバル…を使用するタイミングを説明します。
official
cms-entries
contentstack
開発者に対し、Contentstackエントリの効率的な配信のためのクエリ、ローカライズ、バージョン管理、公開、構造化について助言します。CDAの使用、参照…に焦点を当てます。
official
cms-environments-publishing
contentstack
開発者に対して、環境の設定、コンテンツの公開、配信トークンとプレビュートークンの使用、Sync APIの活用、CDNの理解などについて助言します。
official
cms-live-preview-visual-builder-support-assistant
contentstack
Contentstack Live PreviewおよびVisual Builderの実装を診断し、ガイドします。プレビューコンテキストを追跡し、破損した契約を特定し、推奨します…
official
cms-localization
contentstack
Contentstackのローカライゼーションについて開発者にアドバイス:言語設定、フォールバックチェーン、ローカライズ済みエントリと未ローカライズエントリ、ローカライズ不可フィールド、マルチロケール…
official