用途:在 kickstart-next-ssr 项目中调整 Next.js 框架相关配置时使用,包括路由、布局、全局样式、图片优化、Tailwind 与 PostCSS 设置。
主要能力与结构:应用位于 app/ 目录。app/layout.tsx 是根布局,负责设置 metadata、导入 app/globals.css、渲染 children,并挂载 components/ContentstackLivePreview.tsx,使 Live Preview 在页面内容之后于客户端初始化。app/page.tsx 是默认首页路由,为异步服务端组件并处理 Live Preview 查询。
Next 配置:next.config.mjs 导出 images.remotePatterns。若设置了 NEXT_PUBLIC_CONTENTSTACK_IMAGE_HOSTNAME,则允许该主机名;否则默认允许 images.contentstack.io 与 *-images.contentstack.com。当 stack 使用自定义图片分发域名时,建议通过环境变量驱动主机名。
Tailwind CSS v4:postcss.config.mjs 注册 @tailwindcss/postcss。app/globals.css 使用 @import "tailwindcss",并用 @layer base 块设置与 v4 兼容的边框和 body 默认样式。package.json 包含 tailwindcss 与 @tailwindcss/postcss。
Linting:npm run lint 运行 next lint,与 .eslintrc.json 对齐(Next core-web-vitals 与 TypeScript)。
限制:资料未提供其他框架版本、部署或收费信息。