내 Notion 온보딩 플로우를 보여드립니다; 피드백을 부탁해요

Source: Dev.to

Overview

간단한 배경: 우리는 TimeKnot이라는 Notion 전용 시간 추적기를 만들고 있습니다. 처음에는 Clockify와의 통합으로 출시했지만, 사용자들은 Notion 작업에 시간을 기록하기 위해 별도의 도구를 사용해야 하는 이유를 묻곤 했습니다. 그래서 저는 이를 처음부터 다시 구축하여 네이티브하게 실행하도록 했습니다.

What you’ll see

• OAuth를 통한 Notion 연결
• 작업을 가져올 데이터베이스 선택
• Notion 열 매핑 (상태, 프로젝트, 마감일)
• 실제 작업에 타이머 시작

전체 흐름(가입부터 첫 번째 추적된 분까지)은 60초 미만이며, 이것이 목표였습니다.

Tech Stack

• Next.js 16 (앱 라우터)
• Supabase
• Notion API (OAuth + 데이터베이스 읽기)
• Tailwind v4
• Resend

Feedback Requested

• Notion 연결 흐름이 명확한가요?
• 열 매핑 단계가 이해가 되나요, 아니면 혼란스러운가요?
• 앱에 들어가면 다음에 무엇을 해야 할지 명확한가요?
• 혼란스러운 부분이 있나요? 삭제해야 할 것이 있나요? 혹은 혹평도 환영합니다! :)

Try It

https://timeknot.app