Quik - URL 단축 SaaS 서비스
Next.js 16TypeScriptTailwind CSSSupabase (PostgreSQL, Auth, RLS)Zustandshadcn/uiRechartsResendFirebaseGA4
링크
스크린샷
Quik 메인 화면 스크린샷
프로젝트 개요
Quik은 단축 URL 생성, 링크 운영(편집/만료/비활성화/보안), 클릭 분석, 관리자 운영 등의 기능까지 포함한 SaaS형 URL 플랫폼입니다.
담당 역할
풀스택 개발 (기획 → DB 모델링/RLS 설계 → 프론트엔드/백엔드 구현 → 운영 기능 구현 → 배포)
주요 기능
- 단축 URL 생성 (중복 URL 감지, 커스텀 코드, 예약어/중복 검증)
- URL 유효성/접근성 검사 (위험 프로토콜 차단, HEAD/GET 기반 사전 점검)
- UTM 빌더 (source/medium/campaign 검증, 미리보기, 템플릿 저장)
- 링크 관리 대시보드 (검색/정렬/필터, 활성·비활성·만료 상태 관리)
- 링크 편집 기능 (제목/메모/만료일/활성화 토글/비밀번호 보호 설정)
- QR 코드 자동 생성 및 다운로드 (PNG/SVG, 해상도 선택)
- 리다이렉트 엔진 (비밀번호 링크 처리, 비활성 링크 안내, 만료 대응)
- 클릭 분석 수집 (클릭 수 + 디바이스/브라우저/OS + 최근 클릭 로그)
- 분석 시각화 (기간별 트렌드, 상위 링크, 전체 성과 카드/차트)
- 인증 시스템 (이메일/비밀번호, Google OAuth, 이메일 인증, 비밀번호 재설정)
- 플랜/제한 정책 (free/pro/enterprise, 사용자별 커스텀 제한, URL 사용량 표시)
- 관리자 패널 (사용자/플랜/앱 설정 관리, 감사 로그, 통계 대시보드)
- 블로그 CMS (초안/발행/보관, 마크다운 편집, 조회수/관련글/SEO 메타)
- 운영 자동화 (만료 7일 전 이메일 알림 cron job, 중복 발송 방지 테이블)
- SEO/성능 기능 (sitemap/robots, JSON-LD, 동적 OG 이미지 Edge 생성)
기술적 의사결정
- 리다이렉트 지연 최소화: 리다이렉트를 우선 수행하고 클릭 로그 적재/카운트 증가는 비동기로 병렬처리하여 체감 속도를 개선함
- 보안과 운영성 동시 확보: Supabase RLS + 역할 기반 정책 + 관리자 감사 로그로 데이터 접근 제어와 운영 추적성을 강화함
- 알림 중복 문제: expiry_notifications 고유 제약 및 이력 기록으로 만료 알림 중복 발송을 방지함