Syw.Frontend

OpenAI가 Next.js에서 Remix로 갈아탄 이유

2025. 6. 11.

👁️ 15회 읽음

🤖 OpenAI는 왜 Remix를 선택했을까?

한때 Next.js 기반으로 개발되었던 ChatGPT 웹 앱
2024년 중반을 기점으로 Remix로 전환되었다는 사실이
개발자 커뮤니티와 분석 도구(Wappalyzer 등)를 통해 확인되었습니다.

OpenAI가 대중적인 Next.js에서 벗어나 Remix를 채택한 이유는 무엇일까요?
단순한 기술 실험이 아닌, 성능, 구조, 유지보수, 사용자 경험까지 고려한 전략적 선택이었습니다.


🔍 실제로 Remix를 어떻게 사용하고 있을까?

✅ ChatGPT의 UI 구조 분석

  • chat.openai.com의 설정 페이지, 플러그인 관리, 사용자 프로필, 플랜 변경, 사이드바 전환 등
    모듈형으로 나뉜 페이지 구조는 Remix의 중첩 라우팅(nested routes)을 적극 활용한 결과로 분석됩니다.

  • URL 기반 전환 시 전체 페이지가 아닌 일부 영역만 전환되는 방식,
    이는 Remix의 로드러(loader)와 액션(action) 구조로 인한 서버-클라이언트 연동 처리로 가능해졌습니다.

  • 페이지 간 전환이 훨씬 부드럽고 캐싱에 강한 구조로 리팩토링되었으며,
    이는 특히 설정/계정 관련 페이지에서 두드러집니다.


🔧 OpenAI가 Remix를 선택한 기술적 이유

항목Next.js (기존)Remix (전환 후)
데이터 로딩getServerSideProps, 클라이언트 fetch 혼용서버 중심 loader/action 구조
폼 처리useState/submit 처리 중심HTML form + progressive enhancement
캐싱 전략직접 헤더 제어 필요HTTP 캐싱 내장 (Cache-Control, ETag)
레이아웃app dir 이후 가능중첩 라우팅 기본 지원
상태 유지CSR 우선SSR 기반의 UX 안정성
빌드/개발환경Webpack/Vite 혼용기본적으로 Vite 기반, 빠른 핫리로드

🧪 커뮤니티 기반 사실 확인

  • Wappalyzer 분석 결과, ChatGPT의 주요 프론트엔드 스택이 Remix로 바뀐 것이 감지됨
  • 개발자 커뮤니티(Reddit, Hacker News 등)에서도
    "Next.js에서 Remix로 넘어간 것을 확인했다"는 증언 다수
  • Medium과 Dev.to 등의 기술 블로그에서 OpenAI가 Remix의 서버 중심 철학과 캐싱 전략
    활용해 UX를 향상시켰다는 분석 지속

💡 핵심 요약: OpenAI의 선택은 UX 중심

OpenAI가 Remix를 선택한 이유는 다음과 같은 고민에서 비롯됩니다:

  • 고성능 웹 서비스의 UX 유지와 SSR 기반 안정성
  • 빠른 페이지 전환과 간결한 데이터 흐름
  • 점진적 로딩과 캐싱을 통한 서버 부하 분산
  • 기존 Next.js의 제한적인 폼 처리와 fetch 패턴에 대한 피로감

Remix는 이 모든 요구사항을 기본 철학에서부터 해결해주는 구조를 제공했습니다.


✅ 마무리

ChatGPT와 같은 대규모 SaaS 서비스가 Remix로 넘어갔다는 사실은
단순히 "새로운 기술"에 대한 실험이 아닙니다.

데이터 흐름, UX, 성능, 유지보수 측면 모두에서 Remix가 최적의 선택이었다는 점을 의미합니다.

💡 여러분의 서비스에서도 빠른 전환, 고성능 UX, 효율적인 SSR 구조가 필요하다면,
Remix는 진지하게 고려할 가치가 있습니다.