6,000개 이상의 n8n 워크플로를 스크랩하고 인터랙티브 미리보기가 있는 검색 엔진을 만들었습니다

Source: Dev.to

문제점

공식 템플릿 라이브러리와 여러 커뮤니티 소스를 사용할 때마다 특정 불편함에 계속 부딪혔습니다: JSON 파일을 다운로드하고, 로컬 n8n 인스턴스로 가져온 뒤 노드를 확인하고, 필요에 맞지 않으면 대부분 버리는 식이었습니다. 그 순환은 다음과 같았습니다:

1. 다운로드 →
2. 가져오기 →
3. 노드 확인 →
4. “아니, 내가 원하는 게 아니야” →
5. 삭제

해결책

6,000개 이상의 n8n 워크플로를 수집하고, 브라우저에서 노드 그래프를 직접 렌더링하는 전용 검색 엔진을 만들었습니다. 이를 통해 미리보기를 보기 위해 파일을 다운로드할 필요가 없어졌습니다.

라이브 사이트

https://n8nworkflows.world/

인터랙티브 프리뷰 (핵심 기능)

사이트는 워크플로를 다운로드하기 전에 시각적으로 미리볼 수 있게 보여줍니다. 따라서 눈앞에 보이지 않는 상태로 가져오는 일을 하지 않아도 됩니다.

향상된 검색

검색 가능한 인덱스를 제공해 원하는 기준에 맞는 워크플로를 빠르게 찾을 수 있습니다.

JSON 내보내기

원하는 워크플로의 원시 JSON을 그대로 내보낼 수도 있습니다.

구축 방법 (스택)

• 프론트엔드: Next.js (App Router) – SEO와 속도를 위해 사용.
• 시각화: React Flow – n8n UI 스타일을 흉내 내도록 커스터마이징.
• 백엔드 / DB: Supabase – 워크플로의 검색 가능한 인덱스를 저장.
• 데이터 수집: 커스텀 Python 스크립트 (Playwright) 로 공개 소스에서 데이터 집계.

데이터 및 기여

원시 워크플로 데이터는 GitHub에 정리된 리스트로 제공됩니다. 데이터를 자유롭게 사용하거나 분류 작업에 기여해 주세요.

GitHub: awesome‑n8n‑workflows

향후 계획

검색 알고리즘을 개선하고, 기존 데이터셋을 기반으로 AI가 생성한 워크플로 제안을 추가할 계획입니다. 피드백을 환영합니다—시각적 프리뷰가 충분히 빠른지, 필터가 부족한 부분은 없는지 알려 주세요. 자동화 즐겁게! 🤖