SuperAPI AI 工具集

wsc-sanity-cms

编程与开发

查看项目

更新于 10-16 05:06

技能介绍

用途:为 Williamstown SC 网站实现 Sanity 无头 CMS,提供项目专属的内容建模、TypeScript 集成与 Next.js 优化模式。实施时需遵循 https://www.sanity.io/learn/llms.txt 的官方文档。

主要能力:定义体育俱乐部核心内容类型,包括 blogPost(俱乐部新闻、公告、比赛报道)、event(比赛、训练、活动)、player(阵容与球员资料)、fixture(赛程、结果与统计)、sponsor(赞助商)、page(静态页)、teamMember(教练与委员会成员)。提供命名规范(schema 文件与字段用 camelCase)、必填字段模式(title、slug 等)、可复用 SEO 对象(metaTitle、metaDescription、ogImage)以及各文档类型的示例 schema。

使用方式:通过 package.json 脚本运行类型生成,命令为 npm run sanity:typegen(对应 sanity schema extract && sanity typegen generate),schema 变更后执行。使用生成的类型(如 BlogPost、Fixture、Player)进行类型安全的数据获取与组件 props。提供 GROQ 查询模式,包括最新博客、即将进行的赛程、历史结果、按位置排序的阵容、单篇文章全文,以及引用展开、过滤排序、分页写法。还包含图片优化(hotspot、alt 必填、@sanity/image-url 构建 URL、Next.js Image 集成、响应式 srcset)、Portable Text 富文本渲染,以及 Next.js 草稿模式(draftMode 启用/退出路由与预览密钥校验)。

适用场景:需要为体育俱乐部网站搭建结构化内容管理、类型安全查询与 Next.js 前端渲染的项目。

限制:资料未提供安装命令、收费与价格、平台支持范围、性能效果等具体信息,暂未提供。