$ cat architecture.md
1
→User
Browser
2
React
Client
↓
Vercel Platform
3
→Edge
CDN Cache
4
API Routes
Next.js
↓
5
→Redis
Cache
6
→Neon
PostgreSQL
7
OpenAI
AI
캐시 미스 시: Redis → Neon → (필요시) OpenAI
1
↓User
Browser
2
↓React
Client
Vercel
3
↓Edge
CDN
4
API
Next.js
5
→Redis
6
→Neon
7
AI
1
User브라우저에서 페이지 요청
2
React클라이언트 컴포넌트 렌더링
3
EdgeVercel CDN 캐시 확인
4
APINext.js Route Handler
5
Redis서버 캐시 확인
6
NeonPostgreSQL 쿼리
7
OpenAIAI 처리 (비동기)
$ ls ./tech-stack/
Frontend/
Next.js 15
App Router, SSR/SSG
React 19
UI 라이브러리
TypeScript
타입 안정성
Tailwind CSS
유틸리티 스타일링
🐻
Zustand
상태 관리
Backend/
Neon
Serverless PostgreSQL
Upstash Redis
3단계 캐싱
OpenAI API
분류/요약/임베딩
ParadeDB
BM25 전문검색
Infrastructure/
Vercel
Edge 배포
pgvector
벡터 검색
rss-parser
피드 수집