Recallink · Web (PWA)

Overview

Recallink의 Next.js 16 기반 웹 클라이언트. Dexie.js로 IndexedDB 위에 완전 오프라인 로컬 DB를 구축하고, 로그인 시 Supabase와 Per-row LWW 방식으로 동기화. 141 테스트 · Stripe billing · PWA 설치 지원.

My Work

• ▸Dexie.js 스키마 · 마이그레이션 · 인덱싱 설계
• ▸Supabase SSR + 클라우드 동기화 엔진 (Per-row LWW)
• ▸fake-indexeddb 기반 오프라인 테스트 스위트 141건
• ▸Base UI + Tailwind CSS 4 디자인 시스템 적용

Features

• 완전 오프라인 CRUD (Contact/Log/Event/Attachment)
• 로그인 시 Supabase와 자동 Per-row LWW 머지
• Stripe 구독 · billing portal
• PWA 설치 · 홈 화면 추가
• 11 라우트 전 영역 타입 안전 + E2E 시나리오

Highlights

• Dexie.js 로컬 IndexedDB + Supabase 선택 동기화
• 141 Vitest + React Testing Library 테스트
• PWA 오프라인 완전 지원
• Base UI · shadcn · Tailwind CSS 4
• Stripe 구독 billing 통합

Timeline

Tech Stack

</>Next.js 16 · Dexie.js · Supabase · Stripe