← 웹 도구웹앱
Protask
직접 호스팅하는 프로젝트·GTD 태스크 매니저
Stable · 2026
ReactTypeScriptSupabasePWA
개요
Protask는 직접 호스팅해서 쓰는 개인용 프로젝트·GTD 태스크 매니저입니다. 데이터가 내 Supabase에 저장되므로 회사 보안 정책상 외부 SaaS를 쓰기 어려운 실무자도 안심하고 쓸 수 있습니다. 테이블·칸반·캘린더 뷰, GTD 워크플로우, Excalidraw 캔버스 기반 계획 시각화를 지원하는 설치형 PWA입니다.
주요 기능
- 다양한 뷰: 테이블 · 칸반 · 캘린더 — 같은 작업을 원하는 방식으로
- GTD 워크플로우: 수집함 → 분류 → 프로젝트/다음 행동
- 캔버스 계획: Excalidraw 기반으로 프로젝트 구조를 그림으로
- PWA: 브라우저 설치로 데스크톱·모바일에서 앱처럼 사용
- (선택) 구글 캘린더 연동, 내 계정만 접근 가능한 Private 모드
셀프호스팅 (Supabase + Vercel)
내 계정으로 무료로 올려 쓰는 구조입니다. Supabase·Vercel 모두 개인 사용 범위에서는 무료 플랜으로 충분합니다.
1) 저장소 준비
git clone https://github.com/procpalee/protask.git
cd protask
npm install
cp .env.example .env
2) Supabase 설정
- supabase.com에서 새 프로젝트를 만듭니다.
- SQL Editor에서
supabase/migrations/폴더의 마이그레이션을 번호 순서대로 실행합니다 (0001_init.sql→0002→0003→0004→0006.0005_rls.sql은 Private 모드를 쓸 때만). - Supabase Settings → API에서 URL과 anon key를 복사해
.env에 넣습니다.
3) Vercel 배포
GitHub에 올린 저장소를 Vercel에서 Import하고, 환경 변수를 등록합니다:
VITE_SUPABASE_URL— Supabase 프로젝트 URLVITE_SUPABASE_ANON_KEY— Supabase anon keyVITE_GOOGLE_CLIENT_ID— (선택) 구글 캘린더 연동용
이후 main 브랜치에 push하면 자동으로 재배포됩니다.
(선택) Private 모드
혼자만 쓰는 잠금 모드가 필요하면: 구글 로그인 설정 + 0005_rls.sql 실행 + 환경 변수 VITE_REQUIRE_AUTH=true.
문의
설치 중 막히는 부분은 GitHub Issues 또는 문의 폼으로 알려주세요.
사용 중 막히는 부분이나 버그 제보, 기능 제안은 편하게 문의 주세요.
도구 관련 문의하기 →
