pile·
프론트엔드·vercel-blogVercel Blog·

멀티 테넌트 문서 플랫폼 Fern의 Vercel + Next.js 마이그레이션

월 600만 페이지뷰를 처리하는 멀티 테넌트 문서 플랫폼 Fern이 AWS Fargate에서 Vercel과 Next.js App Router로 마이그레이션했다. p95 TTFB를 1.63초에서 0.55초(3배 개선)로 줄이고, 배포 시간을 30분에서 5분으로 단축했다.

핵심 포인트
  • App Router 마이그레이션으로 p95 TTFB가 1.63초에서 0.55초로 3배 개선, 페이지 로드 시간이 50~80% 감소했다.
  • AWS Fargate에서 Vercel로 전환해 배포 시간이 30분에서 5분으로 줄고 하루 여러 번 배포가 가능해졌다.
  • Vercel Middleware로 고객 도메인 전체의 동적 멀티 테넌트 라우팅을 처리한다. 별도 인스턴스 배포 없이 서브도메인/서브패스 양쪽 지원이 가능하다.
  • prod/app/dev 세 배포 환경을 분리해 운영 안정성과 개발 속도를 동시에 확보했다.
  • ISR로 문서 콘텐츠 최신성을 유지하면서 CDN 캐싱 이점을 활용한다.
상세 정리
  • 서비스 규모: Webflow, ElevenLabs 등의 API 문서를 호스팅하는 멀티 테넌트 플랫폼으로 월 600만 페이지뷰를 처리하며 월 63% 성장세를 보인다.
  • 3개 배포 환경: prod.ferndocs.com(프로덕션 멀티 테넌트), app.ferndocs.com(CDN 성능 최적화), dev.ferndocs.com(개발·테스트)으로 역할을 분리했다.
  • 멀티 테넌트 라우팅: Vercel Middleware가 고객 도메인(서브도메인 docs.website.com 또는 서브패스 website.com/docs) 전체의 동적 라우팅을 담당한다. CNAME DNS 레코드로 커스텀 도메인을 연결하며 별도 인스턴스 배포가 불필요하다.
  • App Router 마이그레이션 성과: 페이지 로드 시간 50~80% 감소, p95 TTFB 1.63초에서 0.55초로 3배 개선됐다. 65% 마이그레이션을 7일 만에 완료했다.
  • AWS Fargate 탈피: 배포 시간 30분에서 5분으로 단축, 하루 여러 번 배포 가능. 수동 프로모션과 즉시 롤백 기능을 갖췄다.
  • ISR 활용: 문서 콘텐츠의 최신성을 유지하면서 Vercel 글로벌 CDN 자동 캐싱을 통해 성능을 확보한다.
  • 모노레포: 오픈소스 인프라를 모노레포로 관리해 일관성과 배포 효율성을 높였다.
왜 읽나멀티 테넌트 SaaS에서 동적 도메인 라우팅 아키텍처를 구현하거나 App Router 마이그레이션의 실제 성능 효과를 수치로 확인하려는 프론트엔드·풀스택 개발자에게 유용하다.
vercel-blog
Vercel Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)
·takedown 요청

이 글과 비슷한

  3. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2