Contentstack kickstart – kickstart-next

When to use

You are changing how the app talks to Contentstack (delivery, preview, regions, hosts).
You are extending or fixing assumptions about the page content type or Live Preview field bindings.

All stack configuration and fetching live in lib/contentstack.ts.
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().

app/page.tsx: if 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).