typescript-style
by contentstack
TypeScript compiler options, ESLint setup, and Contentstack entry typing conventions for kickstart-next.
npx skills add https://github.com/contentstack/kickstart-next --skill typescript-styleTypeScript 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:
strictis true,noEmittrue,moduleResolutionbundler,jsxreact-jsx,pathsincludes@/*→./*. - Include patterns cover
**/*.ts,**/*.tsx, and Next-generated types under.next.
ESLint
- eslint.config.mjs composes
eslint-config-nextcore-web-vitals and typescript presets. @typescript-eslint/no-explicit-anyis explicitly set to off; avoid introducinganywithout 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.