vercel-labs/workflow-builder-template

어떤 프로젝트인가요?

핵심 기능

• 01React Flow 기반 드래그 앤 드롭 시각적 워크플로 편집기
• 02Resend, Slack, Linear, GitHub, Stripe 등에서 사용할 수 있는 사전 제작 액션 노드
• 03"use workflow" 지시어를 사용해 워크플로를 실행 가능한 TypeScript로 내보내기
• 04OpenAI를 사용해 자연어 프롬프트로 워크플로 생성
• 05실행 기록 및 노드별 상세 로그

활용 사례

• 이벤트에 따라 이메일을 보내거나 티켓을 생성하는 내부 자동화 프로토타이핑
• 제품 개발의 출발점으로 사용할 셀프 호스팅 워크플로 빌더 구축
• 시각적으로 설계한 워크플로를 TypeScript 코드로 변환해 추가로 커스터마이징

빠른 시작

1. 1

   데이터베이스 및 인증 설정을 담은 .env.local 파일을 만듭니다

2. 2

   종속 항목을 설치합니다

   pnpm install
3. 3

   데이터베이스 마이그레이션을 실행합니다

   pnpm db:push
4. 4

   개발 서버를 시작합니다

   pnpm dev

사용 전 알아둘 점

• !PostgreSQL 데이터베이스는 직접 준비해야 합니다.
• !AI 워크플로 생성에는 AI Gateway 또는 OpenAI API 키가 필요합니다.
• !대부분의 통합 기능을 사용하려면 별도의 서드파티 계정과 API 키가 필요합니다.

포함된 컬렉션

토픽

자주 묻는 질문

workflow-builder-template은(는) 무엇인가요?

드래그 앤 드롭 노드와 TypeScript 코드 생성 기능을 갖춘, 시각적 AI 워크플로 자동화 구축용 셀프 호스팅 Next.js 템플릿입니다. AI 기반 워크플로 자동화 플랫폼을 구축할 때 출발점으로 사용할 수 있는 템플릿입니다. 사용자는 React Flow로 만든 드래그 앤 드롭 캔버스에서 웹훅, 스케줄, 수동 실행, 데이터베이스 이벤트 등의 트리거 노드를 Resend, Slack, Linear, GitHub, Stripe, Firecrawl 같은 서비스의 액션 노드에 연결해 워크플로를 구성할 수 있습니다.

workflow-builder-template은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

workflow-builder-template은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

workflow-builder-template은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. workflow-builder-template의 마지막 커밋은 2026년 11월 3일입니다.

workflow-builder-template은(는) 어디에 사용할 수 있나요?

이벤트에 따라 이메일을 보내거나 티켓을 생성하는 내부 자동화 프로토타이핑 제품 개발의 출발점으로 사용할 셀프 호스팅 워크플로 빌더 구축 시각적으로 설계한 워크플로를 TypeScript 코드로 변환해 추가로 커스터마이징

workflow-builder-template는 어떻게 설치하나요?

데이터베이스 및 인증 설정을 담은 .env.local 파일을 만듭니다 종속 항목을 설치합니다: pnpm install 데이터베이스 마이그레이션을 실행합니다: pnpm db:push 개발 서버를 시작합니다: pnpm dev

workflow-builder-template은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vercel-labs/workflow-builder-template