contentstack-kickstart
Installation
SKILL.md
Contentstack kickstart – kickstart-next-ssr
When to use
- Editing how the stack is created or how Live Preview is wired
- Adding or changing content types, queries, or types for entries
- Updating environment variable names or documentation
Instructions
Entry points in this repo
| File | Role |
|---|---|
| lib/contentstack.ts | getStack(), initLivePreview(), getPage() — core SDK and preview behavior |
| app/page.tsx | Server page: reads Live Preview searchParams, applies livePreviewQuery, fetches page |
| components/ContentstackLivePreview.tsx | Client component: calls initLivePreview() when preview is enabled |
| lib/types.ts | TypeScript shapes for Page and nested modular blocks (matches seeded content) |
| app/layout.tsx | Imports app/globals.css and mounts <ContentstackLivePreview /> after {children} |