contentstack-kickstart

SDK Pengiriman Contentstack, variabel lingkungan, Pratinjau Langsung, dan model halaman yang telah diisi dalam kickstart ini.

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

Contentstack kickstart – kickstart-next-ssg

Stack and helpers: lib/contentstack.ts — stack, initLivePreview(), getPage(url)
CMS-aligned types: lib/types.ts — e.g. Page, Block, File

Built with @contentstack/delivery-sdk contentstack.stack({ ... }) using NEXT_PUBLIC_CONTENTSTACK_API_KEY, NEXT_PUBLIC_CONTENTSTACK_DELIVERY_TOKEN, NEXT_PUBLIC_CONTENTSTACK_ENVIRONMENT, and region-related settings.
Optional overrides for hosts/CDN (internal or custom): NEXT_PUBLIC_CONTENTSTACK_CONTENT_DELIVERY, NEXT_PUBLIC_CONTENTSTACK_PREVIEW_HOST, NEXT_PUBLIC_CONTENTSTACK_CONTENT_APPLICATION, NEXT_PUBLIC_CONTENTSTACK_PREVIEW (boolean string), NEXT_PUBLIC_CONTENTSTACK_PREVIEW_TOKEN.
Region resolution uses helpers from @timbenniks/contentstack-endpoints aligned with NEXT_PUBLIC_CONTENTSTACK_REGION.

getPage(url) queries content type page, field url, equality match via QueryOperation.EQUALS, then returns the first entry.
When NEXT_PUBLIC_CONTENTSTACK_PREVIEW === 'true', contentstack.Utils.addEditableTags is applied to the entry for in-editor overlays.

pages/index.tsx: initLivePreview() runs in useEffect; ContentstackLivePreview.onEntryChange refetches the home page so the UI updates in preview.
initLivePreview in lib/contentstack.ts uses @contentstack/live-preview-utils with mode: "builder", stack details from env, optional application host from env/endpoints, and edit button enabled (with outsideLivePreviewPortal excluded).

CLI seed and token setup are documented in root README.md (delivery token with preview scope, Live Preview environment).

Remote image hostnames for next/image are configured in next.config.mjs; optional NEXT_PUBLIC_CONTENTSTACK_IMAGE_HOSTNAME narrows or replaces defaults.