如何用Cult Directory Template提交产品完整流程与AI标签自动增强实战【免费下载链接】cult-directory-templateA full stack Next.js, Shadcn, and Supabase directory template. Build your startup directory effortlessly with features like user authentication, product filters, and customizable themes. Advanced admin perks and AI magic.项目地址: https://gitcode.com/gh_mirrors/cu/cult-directory-template如果你正在寻找一个能快速上线、自带用户认证和产品筛选的目录站模板那么基于 Next.js、Shadcn 与 Supabase 构建的Cult Directory Template值得一试。今天这篇实战指南将带你走完如何用 Cult Directory Template 提交产品的完整流程并深入演示它的AI 标签自动增强功能——让产品标签、分类不再靠手动苦填一键交给 AI 智能生成。提交产品前的准备工作一、先搞定环境与登录Cult Directory Template 的提交页位于/submit但它是受保护的页面在 app/submit/page.tsx 中代码会先调用 Supabase 的auth.getUser()校验登录状态未登录用户会被自动重定向到/login。所以第一步是注册/登录账号。 小贴士模板默认内置了邮箱密码登录注册后即可进入提交页面无需任何额外配置。二、认识提交表单的 8 个字段表单定义在 app/submit/form.tsx字段校验规则则集中在 app/submit/schema.ts。整个表单分两大块第一块个人资料3 个字段Full name你的姓名Email address联系邮箱Twitter handleTwitter 账号方便目录运营方联系你第二块产品信息5 个字段产品名称 Codename产品命名如 Notion AI一句话简介 Punchline不超过 10 个词的广告语产品描述 Description约 70 词建议写清核心功能与目标用户产品 Logo.jpg 或 .png128x128产品分类 Category从 Boilerplate、SaaS、Developer Tools、Analytics 等预设分类中选择填写完毕后点击 Submit数据就会通过 Server Action 写入 Supabase 的products表。提交成功的核心逻辑在 app/submit/action.ts 中表单校验 → 上传 Logo 到product-logos存储桶 → 插入产品记录 → 自动刷新首页缓存。开启 AI 标签自动增强的实战步骤这是 Cult Directory Template 最亮眼的功能提交产品时AI 会基于你填写的描述自动生成Tags标签和Labels标签分类省去手动维护标签体系的时间。第一步找到 AI 增强总开关在 app/submit/action.ts 顶部有一份config配置对象其中最关键的一行是aiEnrichmentEnabled: false,把它改成trueAI 标签自动增强即被激活。同文件中还指定了默认模型claude-3-haiku-20240307你可以按需替换成其他模型。第二步理解 Tags 与 Labels 的区别AI 的思考规则定义在 app/submit/prompt.ts它的设计很清晰Tags标签强调产品技术栈、主题和特性的具体关键词例如react、ai、supabaseLabels标签分类更宽泛的归类描述产品类型或适用人群例如app、developer-tools、productivity提交时AI 读取你的产品描述输出一组小写化的 tags 和 labels然后自动写入数据库的tags、labels、categories表app/submit/action.ts 中的insertIfNotExists函数会保证不重复插入。第三步配置是否允许新增标签config中还有三个与新增相关的开关推荐全部保持trueallowNewTagsAI 生成的新标签自动入库allowNewLabels新分类标签自动入库allowNewCategories新产品分类自动入库开启后你的目录会自动生长出一个越来越丰富的筛选体系完全不需要手动维护。提交后如何被搜索与筛选产品成功入库后会立即出现在首页。Cult Directory Template 的检索能力来自 app/actions/product.ts搜索框支持按产品名、描述、简介模糊匹配侧边栏则支持按分类category、标签分类label、标签tag精确筛选。也就是说AI 自动生成的每个标签都可能成为用户找到你产品的入口——这正是AI 标签自动增强对 SEO 最大的价值。常见问题速查Q1提交后多久能看到产品入库时approved默认设为true提交成功即生效无需人工审核。Q2AI 增强需要额外配置 API Key 吗需要。AI 增强依赖 Anthropic 的 API请确保.env.local中配置了ANTHROPIC_API_KEY。Q3想本地跑起来体验完整流程克隆仓库到本地后依次执行npx supabase init、npx supabase link、supabase db push完成数据库迁移再pnpm i pnpm run dev启动开发服务器即可。仓库地址https://gitcode.com/gh_mirrors/cu/cult-directory-template小结从登录、填写 8 个字段到开启 AI 标签自动增强Cult Directory Template 把产品提交这件事做到了开箱即用。对新手站长来说你不需要写一行后端代码就能拥有一个支持搜索、分类、标签筛选的完整产品目录对进阶开发者来说app/submit/ 目录下的源码结构清晰无论是换 AI 模型、改校验规则还是调整提交后行为都能快速上手。现在就动手提交你的第一个产品吧【免费下载链接】cult-directory-templateA full stack Next.js, Shadcn, and Supabase directory template. Build your startup directory effortlessly with features like user authentication, product filters, and customizable themes. Advanced admin perks and AI magic.项目地址: https://gitcode.com/gh_mirrors/cu/cult-directory-template创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
