[Vercel]

Vercel 이란?

• 빠르고 효율적인 웹 애플리케이션 개발 및 배포 환경 구축
• 빌드 & 배포하기 위한 클라우드 플랫폼
• CI/CD 를 간편하게 설정 가능

기존 배포 방법

CSR
1. 빌드 ( HTML, CSS, JS(client) )
2. 빌드 결과물 업로드 ( AWS S3, Cloudflare R2, GCP Cloud Storage )
3. CDN 서버 설정 ( AWS CloudFront, 캐시 정책 및 HTTPS 설정 )
4. 기타 추가 설정 (Route 53, 도메인 연결 등)

SSR
1. 빌드 ( 정적: HTML, CSS, JS(client) / 동적: JS(nodejs) )
2. 배포 ( 정적: AWS S3 / 동적: API Gateway, EC2, Lambda )
3. CDN 서버 설정 (AWS CloudFront, Edge Function CDN 캐시가 만료될 때마다 동적 리소스 사용 요청)
4. 기타 추가 설정(동적 리소스 Scaling, Rolling Update)

---

이러한 복잡한 인프라를 쉽고 빠르게 배포할 수 있게해주는 Vercel

Vercel 의 인프라 구성

Edge Network

• 기본적인 CDN + 추가적인 기능

Serverless Functions

• 서버에서 돌아가야 할 것들 실행 (e.g. Api handler)
• key 나 DB 에 직접 접근 가능

Edge Functions

• 람다보다 비용 효율적인 함수 실행
• nodejs 런타임보다 기능 적은 대신 가볍고 빠르게 자바스크립트 코드를 실행시킬 수 있음

Edge Middleware

• 모든 요청마다 돌아가는 로직
• 람다같은 무거운 런타임에 비해 비용 효율적이며 빠르게 돌아감