Framework (Next.js) – kickstart-next-ssr

When to use

• Editing routing, layout, or global styles
• Configuring image optimization or remote image hosts
• Changing Tailwind or PostCSS setup

Instructions

App Router

• Application lives under app/.
• app/layout.tsx is the root layout: sets metadata, imports app/globals.css, renders children, and mounts components/ContentstackLivePreview.tsx so Live Preview initializes on the client after page content.
• app/page.tsx is the default home route (async server component with Live Preview query handling).

Next configuration