用途:本技能用于调整 kickstart-next 项目的框架层配置,包括 Next.js 配置、Tailwind/PostCSS 管线、根依赖版本、npm 脚本,以及为 next/image 放行新的远程图片域名。
主要能力与配置:package.json 定义脚本 dev: next dev、build: next build、start: next start、lint: eslint .。主要运行时依赖包括 Next.js 16、React 19、@contentstack/delivery-sdk、@contentstack/live-preview-utils、@timbenniks/contentstack-endpoints、isomorphic-dompurify;样式与工具链包括 Tailwind CSS 4、@tailwindcss/postcss、TypeScript 5、ESLint 9、eslint-config-next 16。next.config.mjs 设置 images.remotePatterns:若设置了 NEXT_PUBLIC_CONTENTSTACK_IMAGE_HOSTNAME,则使用该主机名的单一模式;否则使用 images.contentstack.io 与 *-images.contentstack.com(通配子域)。任何用于 next/image 的新 CDN 或资源主机名都必须在此添加,或通过上述环境变量提供。postcss.config.mjs 注册 @tailwindcss/postcss 插件(Tailwind v4 管线)。app/globals.css 使用 @import "tailwindcss" 及 @layer base 块,记录 Tailwind v4 边框默认值与全局 body / a 规则,新增全局样式应与此保持一致。
使用方式:按需修改上述配置文件,运行 npm run build 生成 Next 生产包,npm run start 提供服务。
限制:仓库内没有自定义原生二进制或非 npm 打包步骤。其他未在资料中说明的配置项暂未提供。