typescript

TypeScript- und ESLint-Konventionen, Pfad-Aliase und wo neuer Code platziert werden soll.

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.

Mehr Skills von contentstack

cms-assets
contentstack
Entwickler bei der Organisation, Bereitstellung und Transformation von Assets in Contentstack beraten. Ordnerstruktur, Transformationen über die Image Delivery API, Veröffentlichung abdecken…
cms-branches-aliases
contentstack
Entwickler beraten, wie Contentstack-Branches für isolierte Content-Entwicklung und Aliase für Content-Bereitstellungen ohne Ausfallzeiten genutzt werden können. Branch-Strategie abdecken, …
cms-data-modeling-best-practices
contentstack
Leiten Sie Entwickler an, Inhalte in Contentstack mit der einfachsten wiederverwendbaren Struktur zu modellieren. Die Fertigkeit erklärt, wann Inhaltstypen, Referenzen, globale…
cms-live-preview-visual-builder-support-assistant
contentstack
Diagnostizieren und leiten Sie Contentstack Live Preview- und Visual Builder-Implementierungen. Verfolgen Sie den Vorschaukontext, identifizieren Sie den defekten Vertrag und empfehlen Sie die…
cms-releases
contentstack
Entwickler bei der Nutzung von Contentstack Releases für koordinierte, atomare Content-Bereitstellungen beraten. Release-Erstellung, Elementverwaltung, gestaffelte Bereitstellung abdecken, …
cms-roles-permissions
contentstack
Entwickler bei der Gestaltung von Rollen, Berechtigungen, Teams und Token-Zugriff in Contentstack beraten. Integrierte Rollen, benutzerdefinierte Rollen, Berechtigungszusammenführung, … erklären.
cms-taxonomy
contentstack
Entwickler beraten, wie Contentstack Taxonomy für strukturierte, hierarchische Inhaltsklassifizierung und auslieferungsseitige Filterung verwendet wird. Behandelt Taxonomy vs. Tags, …
cms-tokens-authentication
contentstack
Entwickler beraten, wie sie die richtige Contentstack-Authentifizierungsmethode und den passenden Token-Typ für Frontend-, Backend-, Automatisierungs- und Drittanbieter-App-Anwendungsfälle auswählen.…