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.

Skills เพิ่มเติมจาก contentstack

cms-assets
contentstack
ให้คำแนะนำนักพัฒนาเกี่ยวกับการจัดระเบียบ การส่งมอบ และการแปลง assets ใน Contentstack ครอบคลุมโครงสร้างโฟลเดอร์ การแปลงผ่าน Image Delivery API การเผยแพร่…
cms-branches-aliases
contentstack
แนะนำนักพัฒนาเกี่ยวกับการใช้ branches ของ Contentstack สำหรับการพัฒนาคอนเทนต์แบบแยกส่วน และ aliases สำหรับการ部署คอนเทนต์โดยไม่มีการหยุดให้บริการ ครอบคลุมกลยุทธ์การจัดการ branches และ…
cms-data-modeling-best-practices
contentstack
แนะนำนักพัฒนาในการออกแบบโมเดลเนื้อหาใน Contentstack โดยใช้โครงสร้างที่เรียบง่ายที่สุดและสามารถนำกลับมาใช้ใหม่ได้ สกิลนี้อธิบายว่าควรใช้ content types, references, global… เมื่อใด
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 สำหรับการจำแนกเนื้อหาที่มีโครงสร้างและเป็นลำดับชั้น รวมถึงการกรองฝั่งดีลิเวอรี ครอบคลุม taxonomy เทียบกับ tags,…
cms-tokens-authentication
contentstack
แนะนำนักพัฒนาในการเลือกวิธีการรับรองความถูกต้องและประเภทโทเค็นของ Contentstack ที่เหมาะสมสำหรับกรณีการใช้งาน frontend, backend, automation และแอปพลิเคชันของบุคคลที่สาม…