我为 n8n 工作流打造了更好的搜索引擎(含教程和已验证模板)
Source: Dev.to
问题
- 搜索体验 – 在论坛式社区中查找特定的 n8n 用例(例如 “Notion to DeepSeek with error handling”)非常困难。
- “黑箱” JSON – 下载模板、导入后才发现它需要复杂的设置或根本无法工作。
解决方案:n8nworkflows.world
一个经过策划的 免费、已验证 的 n8n 工作流模板库,包含:
- 在每个下载按钮旁边提取的 “使用教程”。
- 在导入前即可即时预览工作流逻辑。
目标不是取代 n8n 的 UI,而是提供无摩擦的搜索和对每个工作流的 X‑ray 可视化。
技术栈
| 层级 | 技术 | 理由 |
|---|---|---|
| 前端 | Next.js 14 (App Router) | 快速 SSR,SEO 友好,使模板能够在 Google 上被发现 |
| 数据库 | Supabase (PostgreSQL) | 存储 JSON 以及丰富的元数据(教程、分步指南),覆盖 6,000+ 工作流 |
| 可视化 | React Flow | 快速预览节点图 |
| 数据管道 | Python + Playwright | 聚合、清洗并验证公开模板 |
实现亮点
解析与可视化
- 使用 React Flow 解析 n8n 的 JSON 结构。
- 编写解析器,将 n8n 的坐标系统
[x, y]映射为 React Flow 的{x, y}格式,并重建连接逻辑,使边缘正确渲染。
数据丰富化
- 从 n8n JSON 中提取
notes和description字段,并在下载按钮旁显示结构化的 “使用方法” 指南。 - 用户可以在下载前看到所需的凭证(例如 “需要 Notion API Key”)。
搜索性能
- 在 Supabase 中为
json_content和metadata列建立索引,以实现细粒度搜索。 - 搜索可以匹配具体节点,而不仅仅是标题。
- 示例查询:
"OpenAI + Pinecone"返回同时包含 两个 节点的工作流,过滤掉不相关的结果。
- 示例查询:
模板搜索引擎的特性
- 更佳搜索 – 可按节点类型、分类或使用场景过滤。
- 已验证逻辑 – 实用且功能完整的精选模板。
- 包含教程 – 从工作流元数据中提取的清晰指南。
- 免费且快速 – 无付费墙,一键复制/下载。
开源数据
虽然 UI 代码暂时保持私有,但策划好的工作流数据列表已开源:
开发者可以使用该数据集进行自己的项目。
试一试
请告诉我们搜索是否找到了您需要的内容,以及提取的教程是否对您有帮助。