fix: Clerk 패키지 설치 및 Vite 빌드 설정 수정

- @clerk/clerk-react 패키지 설치 추가
- Vite external 설정에서 Clerk 번들링 허용으로 변경
- ChunkLoadError 복구 시스템 Playwright 테스트 추가
- Clerk CDN 실패 시나리오 검증 및 Mock 인증 폴백 시스템 확인

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
hansoo
2025-07-14 14:12:40 +09:00
parent 483e458465
commit 3934ab933f
9 changed files with 209 additions and 104 deletions

View File

@@ -13,23 +13,16 @@ React와 TypeScript로 구축된 현대적인 개인 가계부 관리 애플리
- **프로덕션**: [zellyy-finance.vercel.app](https://zellyy-finance.vercel.app)
- **스테이징**: Preview 배포는 PR 생성 시 자동으로 생성됩니다.
## 📋 프로젝트 정보
## 🚀 시작하기
**Lovable Project URL**: https://lovable.dev/projects/79bc38c3-bdd0-4a7f-b4db-0ec501bdb94f
이 프로젝트를 로컬 환경에서 설정하고 실행하는 방법입니다.
## How can I edit this code?
**사전 요구 사항**
There are several ways of editing your application.
- Node.js (v18 이상)
- npm (v9 이상)
**Use Lovable**
Simply visit the [Lovable Project](https://lovable.dev/projects/79bc38c3-bdd0-4a7f-b4db-0ec501bdb94f) and start prompting.
Changes made via Lovable will be committed automatically to this repo.
**Use your preferred IDE**
If you want to work locally using your own IDE, you can clone this repo and push changes. Pushed changes will also be reflected in Lovable.
**로컬에서 실행하기**
The only requirement is having Node.js & npm installed - [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)
@@ -63,15 +56,13 @@ npm run dev
- Click on "New codespace" to launch a new Codespace environment.
- Edit files directly within the Codespace and commit and push your changes once you're done.
## What technologies are used for this project?
## 🛠️ 주요 기술 스택
This project is built with .
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
- **Backend**: Supabase (Cloud)
- **Frontend**: React, Vite, TypeScript
- **UI**: shadcn-ui, Tailwind CSS
- **State Management**: Zustand, Tanstack Query
- **Deployment**: Vercel
## 🔧 TypeScript 타입 시스템
@@ -115,13 +106,12 @@ npx tsc --noEmit
### 필수 환경 변수
프로젝트를 로컬에서 실행하려면 루트 디렉토리에 `.env` 파일을 생성하고 Supabase 프로젝트의 환경 변수를 추가해야 합니다.
```env
VITE_APPWRITE_ENDPOINT=https://your-appwrite-endpoint/v1
VITE_APPWRITE_PROJECT_ID=your-project-id
VITE_APPWRITE_DATABASE_ID=default
VITE_APPWRITE_TRANSACTIONS_COLLECTION_ID=transactions
VITE_APPWRITE_API_KEY=your-appwrite-api-key
VITE_DISABLE_LOVABLE_BANNER=true
# Supabase
VITE_SUPABASE_URL="YOUR_SUPABASE_URL"
VITE_SUPABASE_ANON_KEY="YOUR_SUPABASE_ANON_KEY"
```
## 🔗 커스텀 도메인