typescript-style

Tùy chọn trình biên dịch TypeScript, thiết lập ESLint và quy ước nhập kiểu mục Contentstack cho 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.

Thêm skills từ contentstack

cms-assets
contentstack
Hướng dẫn các nhà phát triển cách tổ chức, phân phối và chuyển đổi tài nguyên trong Contentstack. Bao gồm cấu trúc thư mục, các phép chuyển đổi của Image Delivery API, xuất bản…
cms-branches-aliases
contentstack
Tư vấn cho nhà phát triển về cách sử dụng Contentstack branches để phát triển nội dung độc lập và aliases để triển khai nội dung không gián đoạn. Bao gồm chiến lược branch,…
cms-data-modeling-best-practices
contentstack
Hướng dẫn các nhà phát triển mô hình hóa nội dung trong Contentstack bằng cấu trúc tái sử dụng đơn giản nhất. Kỹ năng này giải thích khi nào nên sử dụng loại nội dung, tham chiếu, toàn cục…
cms-live-preview-visual-builder-support-assistant
contentstack
Chẩn đoán và hướng dẫn triển khai Contentstack Live Preview và Visual Builder. Theo dõi ngữ cảnh xem trước, xác định hợp đồng bị hỏng, và đề xuất…
cms-releases
contentstack
Tư vấn cho nhà phát triển về cách sử dụng Contentstack Releases để triển khai nội dung đồng bộ và nguyên tử. Bao gồm tạo bản phát hành, quản lý mục, triển khai theo giai đoạn,…
cms-roles-permissions
contentstack
Tư vấn cho các nhà phát triển về việc thiết kế vai trò, quyền hạn, nhóm và quyền truy cập token trong Contentstack. Giải thích vai trò tích hợp sẵn, vai trò tùy chỉnh, việc hợp nhất quyền hạn,…
cms-taxonomy
contentstack
Tư vấn cho nhà phát triển về cách sử dụng Contentstack Taxonomy để phân loại nội dung có cấu trúc, phân cấp và lọc phía phân phối. Bao gồm sự khác biệt giữa taxonomy và tags,…
cms-tokens-authentication
contentstack
Tư vấn cho nhà phát triển cách chọn phương thức xác thực Contentstack và loại token phù hợp cho các trường hợp sử dụng frontend, backend, tự động hóa và ứng dụng bên thứ ba.…