Menu
Contentstack Delivery SDK, live preview, getPage, env overrides, and content model alignment for kickstart-next.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | contentstack-kickstart |
| description | Contentstack Delivery SDK, live preview, getPage, env overrides, and content model alignment for kickstart-next. |
page content type or Live Preview field bindings.stack: created with contentstack.stack() from @contentstack/delivery-sdk, using API key, delivery token, environment, region, optional custom host, and live_preview options (preview token, preview host, enable flag).initLivePreview(): calls ContentstackLivePreview.init() from @contentstack/live-preview-utils with ssr: false, mode: "builder", stack SDK/config, stack details, client URL params, and edit button settings.getPage(url): queries the page content type, filters url with QueryOperation.EQUALS, and returns the first entry typed as Page from lib/types.ts. When isPreview is true, adds editable tags via contentstack.Utils.addEditableTags().isPreview (NEXT_PUBLIC_CONTENTSTACK_PREVIEW === "true"), render the client components/Preview.tsx with path="/"; otherwise fetch with getPage("/") on the server and render components/Page.tsx (imported as Page).getRegionForString from @timbenniks/contentstack-endpoints; getContentstackEndpoints(region, true) supplies default delivery, preview, and application hosts for that region.NEXT_PUBLIC_CONTENTSTACK_REGION as passed through in code (typed loosely for internal flexibility).NEXT_PUBLIC_CONTENTSTACK_CONTENT_DELIVERY overrides the default from endpoints.NEXT_PUBLIC_CONTENTSTACK_PREVIEW_HOST overrides preview URL host.NEXT_PUBLIC_CONTENTSTACK_CONTENT_APPLICATION overrides clientUrlParams.host in initLivePreview.next/image: NEXT_PUBLIC_CONTENTSTACK_IMAGE_HOSTNAME (see next.config.mjs).$ on entries/fields holds data-cslp / parent attributes. Keep these aligned with modular blocks and page fields expected from the seeded stack.contentstack/kickstart-stack-seed (“Kickstart Stack”) and tokens/scopes described in README.md. Changing content type UIDs or field UIDs requires matching code and type updates.PR checklist and severity guidance for kickstart-next contributions.
Local setup, Contentstack seeding, env vars, CI expectations, and PR ownership for kickstart-next.
Next.js, Tailwind v4, PostCSS, package scripts, and image optimization configuration for kickstart-next.
App Router structure, React components, client vs server, and rendering patterns in kickstart-next.
Test layout and policy for kickstart-next—currently no automated tests; credentials and CI context.
TypeScript compiler options, ESLint setup, and Contentstack entry typing conventions for kickstart-next.