(번역) Remix vs Next.js
37 min readFeb 7, 2022
Remix와 Next.js의 객관적인 비교
우리가 가장 많이 듣는 질문은 뭘까요?
Remix는 Next.js와 어떻게 다릅니까?
이 질문에 대해 답할 시간인 것 같습니다. 우리는 과장 없이 그 내용을 다루고 싶습니다. 만약 당신이 Remix의 팬이고 이 글을 잘난체하며 트윗하고 싶다면 트윗 버튼을 누르기 전에 거만함을 버리시기를 바랍니다 🤗. 생태계의 성장은 모두에게 도움이 될 것입니다(밀물은 모든 배를 띄운다, A rising tide lifts all boats). Remix 팀은 Vercel이 설립되기 오래전부터 Vercel의 팀원들과 친구였습니다. 그들은 훌륭한 일을 하고 있고 우리는 그들이 하는 일을 존중합니다!
하지만 저희는 Remix가 Next.js 보다 더 나은 점이 분명히 있다고 생각합니다.(그렇지 않았다면 우리는 Remix를 만들지 않았을 것입니다.)
이 글 전부를 읽어보는 것을 권장합니다. 이 글에는 빛나는 그래프와 애니메이션에 담기지 않은 많은 부분이 숨어있습니다. 글을 다 읽을 때쯤, 다음 프로젝트에서 Remix 사용을 고려하도록 되었으면 좋겠습니다.
tl;dr
- Remix는 정적 콘텐츠를 제공할 때 Next.js만큼 빠르거나 더 빠릅니다.
- Remix는 동적 콘텐츠를 제공할 때 Next.js보다 빠릅니다.
- Remix는 느린 네트워크에서도 빠른 사용자 경험을 가능하게 합니다.
- Remix는 자동으로 에러와 인터럽트, 경쟁 상태(race conditions)를 처리하지만 Next.js는 그렇지 않습니다.
- Next.js는 동적 콘텐츠를 제공하기 위한 클라이언트 사이드 자바스크립트를 장려하지만, Remix는 그렇지 않습니다.
- Next.js는 데이터 뮤테이션을 위한 클라이언트 사이드 자바스크립트가 필요하지만, Remix는 필요하지 않습니다.
- Next.js 빌드 시간은 데이터에 따라 선형적으로 증가하지만, Remix의 빌드 시간은 거의 즉각적이며 데이터와 분리되어 고려됩니다.
- Next.js는 데이터 확장 시 아키텍처를 애플리케이션의 구조를 변경하고 성능을 희생해야 합니다.
- 우리는 Remix의 추상화가 더 나은 애플리케이션 코드로 이어진다고 생각합니다.
