contentstack/kickstart-next-ssg · Archived

framework

Next.js Pages Router, static props, Tailwind 4, PostCSS, and image configuration for this app.

First seen Jul 16, 2026

Installation

$ npx skills add contentstack/kickstart-next-ssg --skill framework

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from contentstack/kickstart-next-ssg.

npx skills add contentstack/kickstart-next-ssg

Browse all from contentstack/kickstart-next-ssg

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

License LICENSE
Default branch main
Open issues 0
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,552 B
  • docs SUMMARY.md 111 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2 installs

SKILL.md

Framework – kickstart-next-ssg

When to use

  • Changing routing, data loading at build time, global styles, or optimized images
  • Clarifying App Router vs this repo’s Pages Router setup

Instructions

Next.js router

  • This project uses the Pages Router under [pages/](../../pages/): [pages/index.tsx](../../pages/index.tsx), [pages/app.tsx](../../pages/app.tsx), [pages/document.tsx](../../pages/document.tsx).
  • Home page uses getStaticProps to fetch the / page entry at build time via getPage("/") from @/lib/contentstack.
  • Client-only Live Preview wiring (useEffect, ContentstackLivePreview.onEntryChange) lives in the same page component.

Styles

  • Global stylesheet: [pages/globals.css](../../pages/globals.css), imported from _app.tsx.
  • Tailwind CSS v4 is wired through PostCSS: [postcss.config.mjs](../../postcss.config.mjs) (@tailwindcss/postcss).

Images

  • [next.config.mjs](../../next.config.mjs): images.minimumCacheTTL and remotePatterns for Contentstack assets (images.contentstack.io, *-images.contentstack.com, or NEXTPUBLICCONTENTSTACKIMAGEHOSTNAME).

Runtime

  • npm run dev / npm run build / npm run start are the supported Next.js workflows (see [AGENTS.md](../../AGENTS.md)).

Not in this repo

  • No app/ directory—do not assume React Server Components or App Router conventions unless you migrate the project.