Vercel 제품 가이드투어 (2026)

하이라이트

• Vercel의 '자율 주행 인프라'를 통한 설정 없는 데브옵스(DevOps) 및 AI 워크플로 최적화

• FastAPI(백엔드)와 Next.js(프런트엔드) 앱을 Vercel로 신속하게 이전하고 배포하는 실습 과정

• Vercel AI SDK와 AI Gateway를 활용하여 PDF 이력서와 자기소개서를 분석하는 AI 에이전트 구축

• 분석(Analytics), 속도 인사이트, 관측성 대시보드를 통한 실시간 운영 데이터 모니터링

• v0를 활용한 코드 협업 및 미리 보기 환경(Preview Deployment)에서의 팀 피드백 기능

• 엣지 네트워크 기반의 웹 애플리케이션 방화벽(WAF)과 봇 차단을 통한 강력한 보안 환경

타임라인

1. 00:00 - 01:16

   Vercel의 비전과 자율 주행 인프라 소개

   발표자는 지난 10년간 수백만 개발자가 선택한 Vercel의 프런트엔드 클라우드와 그 진화 방향을 설명합니다. 특히 '자율 주행 인프라'라는 개념을 강조하며, 이는 복잡한 설정 없이도 자원 할당, 성능 최적화, 이상 징후 조사를 자동으로 처리함을 의미합니다. 중견 커피 기업의 노후화된 호스팅 환경을 Vercel로 이전하는 구체적인 시나리오를 제시하며 현대화의 필요성을 역설합니다. 이를 통해 개발팀이 기능 개발과 협업 속도를 어떻게 극대화할 수 있는지에 대한 기대감을 조성합니다. 운영 환경의 유지 관리 복잡성을 줄이는 것이 이 기술의 핵심 목표입니다.

2. 01:17 - 02:47

   백엔드 및 프런트엔드 서비스의 신속한 이전

   기존 앱의 FastAPI 파이썬 백엔드와 프런트엔드를 Vercel로 가져오는 실무 과정을 직접 시연합니다. Git 레포지토리를 연결하고 'Deploy' 버튼을 누르는 것만으로도 몇 초 만에 글로벌 배포가 완료되는 편의성을 보여줍니다. Supabase와의 연동을 위해 환경 변수를 설정하고, Vercel이 자동으로 생성한 프로젝트 URL을 활용하는 방법도 상세히 다룹니다. 전 세계 126개 거점을 보유한 글로벌 엣지 네트워크 덕분에 사용자는 어디서나 최적의 속도를 경험할 수 있음을 확인시켜 줍니다. 인프라의 확장성과 성능이 배포와 동시에 확보된다는 점이 이 과정의 주요 특징입니다.

3. 02:48 - 03:34

   운영 가시성 확보 및 관측성 도구 활용

   배포 이후 서비스의 상태를 파악하기 위한 다양한 모니터링 및 분석 도구들을 소개합니다. '웹 분석(Web Analytics)'과 '속도 인사이트(Speed Insights)'를 통해 핵심 웹 지표를 진단하고 로드 문제를 해결하는 과정을 보여줍니다. 관측성(Observability) 대시보드에서는 로그, 함수 실행 상태, 엣지 요청 및 데이터 전송 현황을 쿼리하여 심층적으로 탐색할 수 있습니다. 실제 트래픽 데이터를 기반으로 유입 경로와 추천 정보를 분석하는 화면을 공유하며 데이터 기반의 운영을 강조합니다. 개발자는 이러한 지표들을 통해 앱의 성능을 정교하게 다듬고 문제 발생 시 즉각 대응할 수 있는 기반을 얻게 됩니다.

4. 03:35 - 06:54

   Vercel AI SDK를 활용한 AI 에이전트 구축

   단순한 요약 기능을 넘어 자기소개서와 PDF 이력서를 비교 분석하는 AI 에이전트를 빌드하는 과정을 상세히 설명합니다. Vercel CLI를 통해 로컬 환경을 플랫폼과 연결하고, 'ai' 라이브러리와 Workflow Dev Kit을 설치하여 복잡한 오케스트레이션을 구현합니다. Vercel AI Gateway를 사용하면 수백 가지 AI 모델에 보안이 유지된 상태로 쉽게 접근할 수 있다는 점이 큰 장점입니다. Cursor Code와 같은 도구에 프롬프트를 입력하여 에이전트 코드를 생성하고 이를 실제 서비스에 통합하는 워크플로를 시연합니다. '활성 컴퓨팅' 과금 방식을 언급하며 모델 응답 대기 시간이 아닌 실제 연산 시간에 대해서만 비용이 발생한다는 경제성도 짚어줍니다.

5. 06:55 - 09:05

   협업 툴바와 v0를 통한 UI 개선 및 피드백

   배포된 미리 보기 환경에서 팀원들이 실시간으로 의견을 주고받는 Vercel Toolbar의 협업 기능을 소개합니다. 특정 UI 요소에 댓글을 남겨 수정을 요청하거나, 접근성 감사 및 플래그 테스트를 수행하는 생생한 협업 현장을 보여줍니다. 생성형 UI 도구인 v0를 프로젝트에 연결하여 디자인 수정을 자동화하고 이를 별도의 브랜치와 PR로 생성하는 과정이 매우 인상적입니다. v0 내에서 격리된 샌드박스를 구동하여 기존 코드를 실행하고 브라우저 기반에서 즉시 결과를 확인하는 환경을 제공합니다. 이는 기술적 장벽을 낮추어 디자이너나 다른 팀원들도 제품 개선에 직접 참여할 수 있게 만듭니다.

6. 09:06 - 10:13

   글로벌 보안 강화 및 웹 방화벽(WAF) 적용

   서비스 규모가 커짐에 따라 중요해지는 보안 문제를 Vercel의 자율 주행 인프라가 어떻게 해결하는지 설명하며 마무리합니다. 웹 애플리케이션 방화벽(WAF)을 통해 악성 요청을 엣지 단계에서 자동으로 차단하고, 실제 사용자와 봇 트래픽을 구분하는 기술을 시연합니다. 대규모 공격 상황에서도 앱의 응답성을 유지할 수 있는 글로벌 엣지 네트워크의 방어 능력을 강조하며 신뢰성을 확보합니다. 1,100만 개 이상의 프로젝트가 Vercel 위에서 안전하게 돌아가고 있다는 수치를 제시하며 시청자의 참여를 독려합니다. 결국 Vercel은 보안과 인프라 관리를 자동화하여 개발자가 제품의 본질에 집중하게 만드는 강력한 플랫폼임을 다시 한번 확인시켜 줍니다.