目录与搜索
面向目录网站的核心功能,支持按名称、描述或富文本内容做关键词搜索,条目、分类、标签都在同一套体系内管理。
拖动滑块完成拼图,通过后发送验证码
独立第三方 AI 评测平台 · 只用实测数据
Mkdirs 是独立开发者 Fox 做的开源目录网站模板(boilerplate),基于 Next.js 15 App Router 与 TypeScript,把认证、支付、投稿、CMS、博客、邮件、SEO 等模块预先组装好,官方口号是 30 分钟上线一个 AI 驱动的目录站。它自带三种变现路径:联盟链接、付费投稿和赞助广告位,并内置 Sanity Studio 管理内容。购买后获得私有 GitHub 仓库访问权、终身更新与支持,以及另外 2 个基于 Mkdirs 构建的官方仓库代码。称已有 350+ 制作者用它上线,Discord 社区 3000+ 人。不适合零代码用户。
Mkdirs 是一套开源的目录网站模板(directory boilerplate),由独立开发者 Fox 开发。他同时也是 TanStarter、MkSaaS 的作者,做 Mkdirs 的目标是让开发者不必从零写代码,把搭导航站需要的东西一次性配齐,从而把时间留给核心业务。
技术上它采用 Next.js 15 App Router 与 TypeScript 编写,认证用 Auth.js,UI 用 Shadcn UI 与 Tailwind CSS,内容管理接 Sanity(无头 CMS),支付走 Stripe,邮件用 Resend,AI 能力由 Vercel AI SDK 提供。功能上覆盖目录检索(按名称、描述或富文本内容关键词搜索)、免费与付费投稿、AI 自动填充、富文本编辑与图片上传、博客系统、新闻订阅与退订、多个预置页面布局、暗色模式与可定制主题,以及为所有页面(尤其是条目页和博客页)内置的 SEO 元数据。
使用方式分三类:有编码能力的开发者克隆私有仓库后自行改站、部署到任意平台,再用内置的 Sanity Studio 管理条目、分类、标签、博客和用户;不懂代码的人需要借助 Cursor 或 VSCode 这类 AI 编程工具生成代码,官方明确表示纯零代码用户无法直接使用;同时官方提供文档与视频教程辅助上手。
面向目录网站的核心功能,支持按名称、描述或富文本内容做关键词搜索,条目、分类、标签都在同一套体系内管理。
内置 Sanity Studio,可在其中统一管理条目、分类、标签、博客和用户,内容与代码解耦,改内容不需要动前端。
基于 Auth.js 的认证系统,支持邮箱验证与密码重置,开箱即用,不需要自己接第三方登录或写验证流程。
同时提供免费提交和付费提交两条通道,配合 Stripe 收款,付费投稿支持 AI 自动填充、富文本编辑和图片上传。
按官方说明可走联盟链接(用户购买服务后抽佣)、付费投稿(企业为拿外链和曝光付费)、赞助广告位三条赚钱路径。
自带博客系统,支持分类、作者和富文本内容;邮件用 React 模板编写,支持新闻订阅与退订,方便做内容沉淀和召回。
为所有页面(尤其是条目页和博客页)内置 SEO 元数据;同时提供暗色模式、响应式设计和可定制主题,方便换成自己的品牌样式。
配套完整的文档和视频教程,包括一步步演示如何构建与部署 Mkdirs,降低第一次上手模板的门槛。
会 React、Next.js 和 TypeScript,想快速上线一个目录站验证想法。称已有 350+ 制作者这样用,社区 3000+ 人。
打算靠联盟链接、付费投稿或赞助广告位变现,模板已把 Stripe、投稿流程和广告位预留好,省去最耗时的接支付环节。
自己不会写但会用 Cursor、VSCode 配合 AI 生成代码,这条路可行,前提是能看懂并调试生成结果。
明确回答不懂代码就用不了,需要自己会写代码或用 AI 工具生成代码,没有可视化的建站后台可替代。
说明满足条件是可以用的,前提是团队对 React、Next.js 和 TypeScript 都熟悉;如果主力技术栈完全不同,改造成本要自己评估。
| 指标 | 数值 | 数据来源 |
|---|---|---|
| 使用 Mkdirs 上线的制作者 | 350 + | Mkdirs 官网首页 |
| Discord 社区规模 | 3000 + | Mkdirs 官网首页社区板块 |
| 随模板附带的官方私有仓库数量 | 2 | Mkdirs 官方 FAQ |
| 上线目录网站需要的步骤 | 3 | Mkdirs 官网 How it works 板块 |
会获得一个私有 GitHub 仓库的访问权,里面有运行目录网站所需的全部代码,并包含终身更新与支持;同时可获得其他用 Mkdirs 构建的官方私有仓库访问权(目前 2 个),可用在自己的项目里;你做的产品还会免费永久展示在 Mkdirs 的 showcase 区域。
不能。FAQ 明确回答需要会写代码,或者会用 AI 工具生成代码,并建议用 Cursor 或 VSCode 作为 IDE,详细情况可以查文档。也就是说这个模板面向的是有一定编码能力的人,不是点击式建站工具。
官方说明:只要你对 React、Next.js 和 TypeScript 足够熟悉就可以用。Mkdirs 本身用 TypeScript 编写,虽然可以改成 JavaScript,但整体仍基于 Next.js 15 App Router,脱离这套体系使用会比较别扭。
可以。建议先去体验 live demo,直观了解目录网站长什么样;也可以注册一个免费账号,用 Stripe 的测试卡走一遍支付流程,确认投稿、付费这些环节符合预期再决定购买。
官方 FAQ 的说法是不限数量,能建多少个只取决于你的想法。购买后你拿到的是代码仓库访问权,可以在自己后续的项目里反复使用同一套基础代码,不用为每个新站重新买一次。
官方给出三条路径:一是联盟链接,在条目里挂其他服务的推广链接,用户购买后拿佣金;二是付费投稿,向想获取外链和曝光的商家收费;三是赞助广告位,把优质广告位卖给想触达你受众的品牌。付费投稿走 Stripe 收款。
官方在 FAQ 里把差异点归为「把东西做齐了」:认证、支付、博客、新闻邮件、SEO 等模块全部 integrated 好,装好即用,不需要自己一个个对接。也建议直接对比各家 live demo 看差别,而不是只看功能列表。
Mkdirs 官方 FAQ 日期 2024/10/24,集中回答购买前的问题,涵盖获得内容、是否需要会写代码、技术栈兼容性、能否先看演示、可建站数量以及与同类模板的对比等。
官方公告 ↗