typescript

作成者: contentstack

TypeScriptとESLintの規約、パスエイリアス、新しいコードを配置する場所。

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

TypeScript – kickstart-next-ssg

When to use

  • Adding .ts / .tsx files or changing compiler options
  • Understanding the @/ import alias or strictness
  • Adjusting ESLint behavior for this project

Instructions

Compiler (tsconfig.json)

  • strict: true, noEmit: true, jsx: "react-jsx", moduleResolution: "bundler", isolatedModules: true.
  • Path alias: @/* maps to the repository root — e.g. @/lib/contentstack, @/pages/....
  • Include pattern covers **/*.ts, **/*.tsx, and .next/types/**/*.ts.

Layout

  • Shared app logic: lib/ (e.g. Contentstack client, types).
  • Routes and page components: pages/.

ESLint (eslint.config.mjs)

  • Extends eslint-config-next core-web-vitals and TypeScript presets.
  • Explicit rule: @typescript-eslint/no-explicit-any is off (matches existing SDK/metadata typing patterns).
  • Global ignores: .next/, out/, build/, next-env.d.ts.

Commands

  • npm run lint — project ESLint entry point.

contentstackのその他のスキル

cms-assets
contentstack
開発者がContentstackでアセットを整理、配信、変換する方法についてアドバイスします。フォルダ構造、Image Delivery API変換、公開について取り上げます…
cms-branches-aliases
contentstack
Contentstackのブランチを使用した分離されたコンテンツ開発と、エイリアスを使用したダウンタイムゼロのコンテンツデプロイについて開発者にアドバイスします。ブランチ戦略、…
cms-data-modeling-best-practices
contentstack
開発者がContentstackでコンテンツをモデリングする際、最もシンプルで再利用可能な構造を用いるよう導きます。このスキルでは、コンテンツタイプ、参照、グローバル…をいつ使用すべきかを説明します。
cms-live-preview-visual-builder-support-assistant
contentstack
Contentstack Live PreviewおよびVisual Builderの実装を診断し、ガイドします。プレビューコンテキストを追跡し、壊れたコントラクトを特定して、推奨…
cms-releases
contentstack
Contentstack Releasesを使用した、調整されたアトミックなコンテンツデプロイについて開発者にアドバイスします。リリース作成、アイテム管理、段階的デプロイをカバーします…
cms-roles-permissions
contentstack
Contentstackにおけるロール、権限、チーム、トークンアクセスの設計について開発者に助言します。組み込みロール、カスタムロール、権限のマージ、…について説明します。
cms-taxonomy
contentstack
開発者に対し、構造化された階層的なコンテンツ分類と配信側フィルタリングのためのContentstack Taxonomyの使用についてアドバイスします。タクソノミーとタグの比較、…
cms-tokens-authentication
contentstack
フロントエンド、バックエンド、自動化、およびサードパーティアプリのユースケースに適したContentstack認証方法とトークンタイプの選択について、開発者にアドバイスします。…