pile·
최신
  1. 프론트엔드·vercel-blogVercel Blog·

    Vercel과 Shopify의 Hydrogen 전면 재설계

    Vercel과 Shopify가 Hydrogen을 오픈소스·런타임 무관 프레임워크로 전면 재설계했다. 기존 Hydrogen은 빠른 헤드리스 스토어프런트 배포를 지원했지만 플랫폼 종속성이 있었고, 새 버전은 Svelte, Nuxt, Next.js 등 어느 JavaScript 프레임워크에서도 동작한다. 3레이어 아키텍처(코어/클라이언트/서버)로 재구성하면서 각 레이어가 명확한 역할을 분담한다.

    #react#nextjs#i18n+2
  2. 프론트엔드·vercel-blogVercel Blog·

    단일 Next.js 앱으로 Webflow·ElevenLabs 멀티테넌트 문서 플랫폼 운영 — Fern 사례

    Fern이 단일 Next.js 애플리케이션으로 Webflow, ElevenLabs 등 여러 고객의 API 문서를 각자의 커스텀 도메인에서 제공하는 멀티테넌트 플랫폼을 운영한다. Pages Router에서 App Router로 마이그레이션하며 TTFB 3배 개선, 페이지 로드 80% 단축을 달성했으며, 월 600만 이상의 페이지뷰를 처리한다.

    #nextjs#performance#multi-tenant+2
  3. 프론트엔드·vercel-blogVercel Blog·

    GitBook이 30,000개 사이트에 준실시간 콘텐츠 업데이트를 제공하는 방법

    GitBook이 30,000개 문서 사이트를 운영하며 월 1.2억 페이지뷰를 처리하는 멀티테넌트 캐싱 아키텍처를 공개했다. Next.js의 use cache 지시문과 태그 기반 선택적 무효화로 일일 40,000건의 캐시 무효화를 300ms 이하로 처리하고, 2025년 5배 급증한 AI 트래픽(전체의 41%)도 흡수하고 있다.

    #nextjs#web-performance#multi-tenant+2
  4. 프론트엔드·vercel-blogVercel Blog·

    HTTP 콘텐츠 협상으로 에이전트 친화적 페이지 만들기

    AI 에이전트가 웹 페이지를 크롤링할 때 HTML 전체를 받아 파싱하는 방식은 토큰 낭비가 크다. HTTP 표준의 콘텐츠 협상(Content Negotiation)을 활용해 에이전트에게는 마크다운 형식으로 직접 응답하면 동일 URL에서 브라우저와 에이전트가 각자 최적의 포맷을 받을 수 있다는 걸 Next.js 구현으로 보여준다. 500KB HTML을 3KB 마크다운으로 줄여 99.37% 페이로드를 감소시킨 실제 적용 사례다.

    #llm-app#nextjs#agent-engineering+1
  5. 인프라 / DevOps·vercel-blogVercel Blog·

    태그 기반 캐시 무효화, Vercel CDN 전체 응답으로 확대 제공

    Vercel CDN이 응답 헤더에 태그를 붙이면 이후 해당 태그로 한꺼번에 캐시를 무효화할 수 있는 태그 기반 캐시 무효화 기능을 모든 요금제에 출시했다. Next.js ISR 내부에서만 쓰이던 캐시 태그 메커니즘을 CDN 응답 헤더로 노출해 모든 프레임워크와 언어에서 활용할 수 있게 됐다.

    #nextjs#vercel#cache-invalidation+1
  6. AI / ML·vercel-blogVercel Blog·

    AGENTS.md가 Skills보다 에이전트 평가에서 앞서는 이유

    AI 코딩 에이전트에게 프레임워크 지식을 전달하는 방법으로 'Skills(패키징된 도구)'와 'AGENTS.md(프로젝트 루트 마크다운)'를 Next.js 16 API 기준으로 평가한 실험이다. 결과는 AGENTS.md가 100% 통과율을 달성한 반면 Skills는 최대 79%에 머물렀다. 에이전트가 도구를 '호출할지 결정'하는 단계 자체가 병목이었음을 수치로 보여준다.

    #llm-app#nextjs#prompt-engineering+1
  7. 보안·vercel-blogVercel Blog·

    CVE-2025-59471, 59472: 자체 호스팅 Next.js Image/PPR DoS 취약점

    자체 호스팅 중인 Next.js 애플리케이션에서 두 가지 DoS 취약점이 발견됐다. CVE-2025-59471은 Image Optimizer에서, CVE-2025-59472는 Partial Pre-Rendering(PPR) 재개 엔드포인트에서 메모리 소진을 유발할 수 있다. Vercel 플랫폼 호스팅 앱은 영향받지 않지만 자체 호스팅 환경에서는 즉시 패치가 필요하다.

    #nextjs#security#cve+1
  8. 보안·vercel-blogVercel Blog·

    React Server Components 보안 취약점 패치 — DoS 및 소스 코드 노출

    React 19 의 Server Components 구현에서 두 가지 보안 취약점이 발견되었다. App Router 엔드포인트를 노린 악의적 HTTP 요청으로 서버를 멈추거나(CVE-2025-55184, DoS), 서버 액션의 컴파일된 소스 코드를 추출(CVE-2025-55183, 소스 노출)할 수 있다. React 19.2.2 이상, Next.js 14.2.35/15.0.7/15.1.11 이상으로 즉시 업그레이드가 필요하다.

    #react#nextjs#cve+2
  9. 아키텍처·vercel-blogVercel Blog·

    Vercel for Platforms: 멀티테넌트 vs 멀티프로젝트 플랫폼 구축 패턴

    Vercel 이 플랫폼 구축 제품인 "Vercel for Platforms" 를 출시했다. SaaS 빌더가 고객별 프로젝트를 프로그래밍 방식으로 생성·운영하는 두 가지 아키텍처 패턴을 제공한다. 멀티테넌트(단일 코드베이스, 와일드카드 도메인)와 멀티프로젝트(고객별 격리된 Vercel 프로젝트) 중 선택해 플랫폼을 구성할 수 있다.

    #nextjs#sdk-design#vercel+2