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/index.tsx, pages/_app.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, imported from _app.tsx.
• Tailwind CSS v4 is wired through PostCSS: postcss.config.mjs (@tailwindcss/postcss).