
Dev Workflow
- 2 installs
- 2 repo stars
- Updated August 2, 2026
- contentstack/kickstart-next
Set up and develop Next.js applications with Contentstack CMS headless content.
About
Next.js boilerplate for Contentstack headless CMS projects enabling rapid development. Streamlines getting a Contentstack-powered Next.js app running with best practices.
- Next.js setup pre-configured for Contentstack integration
- Development workflow with hot reload and content preview
Dev Workflow by the numbers
- 2 all-time installs (skills.sh)
- Ranked #1,862 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 3, 2026 (Skillselion catalog sync)
npx skills add https://github.com/contentstack/kickstart-next --skill dev-workflowAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 2 |
|---|---|
| repo stars | ★ 2 |
| Last updated | August 2, 2026 |
| Repository | contentstack/kickstart-next ↗ |
What it does
Set up and develop Next.js applications with Contentstack CMS headless content.
Files
Dev workflow – kickstart-next
When to use
- You are cloning the repo, running it locally, or opening a pull request.
- You need to know what runs in CI versus what you must run locally.
Instructions
Local setup
- Install dependencies with
npm install. - Copy
.env.exampleto.envand fill in values from your Contentstack stack (see product README.md). - Required variables use the
NEXT_PUBLIC_CONTENTSTACK_*prefix; see.env.examplefor names.
Contentstack stack
- Install the Contentstack CLI (
npm install -g @contentstack/cli), configure region if prompted, and log in (csdx auth:login). - Seed a compatible stack:
csdx cm:stacks:seed --repo "contentstack/kickstart-stack-seed" --org "<YOUR_ORG_ID>" -n "Kickstart Stack"(details in README.md). - Create a delivery token with preview scope and preview token enabled; enable Live Preview in the stack and point it at the Preview environment.
Run the app
- Development:
npm run dev, then openhttp://localhost:3000. - Production build locally:
npm run buildthennpm run start.
Lint
- Run
npm run lintbefore pushing; there is no GitHub Actions workflow that runs ESLint for this repo.
CI (GitHub Actions)
- .github/workflows/sca-scan.yml: Snyk and
contentstack/sca-policyon pull requests. - .github/workflows/policy-scan.yml: checks for
SECURITY.mdand license/year for public repos. - .github/workflows/issues-jira.yml: issue integration.
- There is no workflow that runs `npm run build` or `npm run lint` in CI; treat those as developer responsibilities unless a workflow is added later.
CODEOWNERS
- Default reviewers:
@contentstack/devex-pr-reviewers(see .github/CODEOWNERS). - Security workflows and related paths may require
@contentstack/security-admin.
Optional: Talisman
- A `.talismanrc` file exists; follow your org’s guidance if Talisman is used locally for secret scanning.
Related skills
Frontend Developmentfrontend