everyday

매일의 대화가 따뜻하게 머무는 곳 — 크로스플랫폼 채팅 앱 (React + Vite + Electron + Supabase)

---

시작하기

1. 의존성 설치

npm install

2. 환경변수 설정

.env.example을 참고해서 .env.local 파일을 프로젝트 루트에 생성하세요.

cp .env.example .env.local

.env.local 내용:

VITE_SUPABASE_URL=https://your-project-id.supabase.co
VITE_SUPABASE_ANON_KEY=your-publishable-key-here

Supabase 대시보드 → Settings → API 에서 값을 확인할 수 있습니다.

---

실행 방법

웹 브라우저

npm run dev

실행 후 브라우저에서 http://localhost:5173 접속

Windows 데스크탑 앱 (Electron)

npm run electron:dev

---

빌드

웹

npm run build

데스크탑 설치 파일 (.exe)

npm run electron:build

빌드 결과물은 dist-desktop/ 폴더에 생성됩니다.

---

Supabase 설정

항목	위치	설정값
Email provider	Authentication → Sign In / Providers → Email	Enable ON
OTP 이메일 템플릿	Notifications → Email → Magic Link	{{ .Token }} 사용
Rate Limits	Authentication → Rate Limits	테스트 시 값 상향 권장

---

기술 스택

• Frontend: React 18, TypeScript, Vite 6
• Desktop: Electron
• Auth / DB: Supabase (PostgreSQL)
• 스타일: CSS Custom Properties (토큰 기반)
• 아이콘: Phosphor Icons