어드민 프레임워크 선택 논의

[manNomi]

배경

현재 메인 애플리케이션은 Next.js를 사용 중입니다. 어드민 기능을 위한 별도 애플리케이션 구축 시 프레임워크 선택이 필요한 상황입니다.
Kyle Gill의 글](https://www.kylegill.com/essays/next-vs-tanstack/) 에서 언급된 것처럼, TanStack Start로의 전환이 증가하는 추세입니다. 특히 App Router 도입 이후 RSC에서 발생하는 문제들과 Next.js의 과도한 추상화가 기대만큼의 가치를 제공하지 못한다는 지적이 있습니다.

후보 프레임워크 비교

1. Next.js

장점:

• 메인 앱과 기술 스택 통일 가능
• 팀원들이 이미 익숙함 (학습 비용 없음)
• 공통 설정, 미들웨어, 타입 등을 쉽게 공유
• SSR/SSG 등 다양한 렌더링 전략 제공
• 풍부한 생태계와 레퍼런스

단점:

• 어드민에는 과한 기능 (SEO, 정적 생성 불필요)
• App Router의 복잡성과 불안정성
• RSC 관련 예상치 못한 이슈들
• 빌드 시간 및 번들 크기
• 과도한 추상화로 인한 디버깅 어려움

2. Vite + React

장점:

• 매우 빠른 개발 경험 (HMR)
• 가볍고 심플한 구조
• 필요한 기능만 선택적으로 추가 가능
• 빌드 속도가 매우 빠름
• 어드민에 필요한 SPA 구조에 최적

단점:

• 메인 앱과 기술 스택 차이 발생
• 라우팅, 상태관리 등 직접 구성 필요
• SSR이 필요한 경우 추가 설정 복잡
• 팀원들의 추가 학습 필요 (미미하지만)

3. TanStack Start

장점:

• 현대적이고 타입 안전한 풀스택 프레임워크
• TanStack Router, Query와 긴밀한 통합
• Next.js의 복잡성 없이 SSR/API Routes 제공
• 더 명시적이고 예측 가능한 동작
• RSC의 문제점들을 피할 수 있음
• 앞으로의 트렌드

단점:

• 아직 베타 단계 (안정성 우려)
• 생태계와 레퍼런스가 상대적으로 부족
• 팀원들의 새로운 학습 필요
• 프로덕션 사용 사례가 적음
• 예상치 못한 버그 가능성
• 회사에서 실제로 탠스택 스타트 쓰고 있는데 베타 단계라서 인터페이스를 그냥 찾아내야합니다 코드를 까서 ...

대안적 관점

만약 통일성이 최우선이라면:

• Next.js 두 개 사용
• 하지만 어드민에서는 Pages Router 사용 고려 (App Router의 복잡성 회피)

새로운 기술 도입이 목표라면:

• TanStack Start 도입 후 메인 앱도 향후 마이그레이션 고려
• 단, 충분한 학습 시간과 리스크 감수 필요

-> 그렇지 않다면 vite로 가도 충분할것이라고 생각이 들어요
여러분들의 의견이 궁금합니다!

[khwww]

통일성을 반드시 지켜야 하는 상황인가에 대해서는 고민이 되는 것 같아요!
저도 어드민이라는 특성상 가벼운 vite로 가는 게 좋을 것 같다고 생각이 들어요.
TanStack Start는 저에게는 아직 조금 생소한데, 다른 분들의 의견도 들어봐야겠지만 상대적으로 제일 러닝커브가 높지 않을까라는 생각도 듭니다!

[manNomi]

탠스택 스타트 커브 높지는 않은데
기본적으로 탠스택 라우터의 개념을 가져가는 형태에서 서버 코드가 곁들여진 느낌

배포 할때 인터페이스가 docu와 성숙도가 낮아서 문제인 케이스에요

기본적으로 next -> 탠스택 라우터 로의 전환도 고려중이라

혹시 현우님이 생각하시기에 넥스트의 장점은 무엇이라고 생각하시나요??
이것도 얘기나눠보면 좋을것 같아요

[khwww]

아하 그렇군요!
넥스트는 다양한 렌더링 옵션, 편리한 라우팅 구조, SEO, 개발연동성 등이 장점이라고 생각해요.
여러 플랫폼과의 연동성 때문에 사용하는 경우도 있는 것 같아요.

만욱님은 어떤 이점이 있다고 생각하시나요?

[manNomi]

위의 글의 필자는 "Next의 유일한 장점은 seo 그외가 모두 단점" 이라고 하는 말에 어느정도는 동의를 하긴해요
use ~~ 가 너무나도 늘어나고 있고 추구하는 방향성에 대해서 의문이 생기고 있긴해서요
(Next 팀이 진짜 바라보는 방향성이 무엇인지)

라우팅 구조는 사실 직접 플러그인을 만들어도 되고 리믹스 탠스택 등등 모두다 라우팅을 다양하게 제공해주니까요!

물론 낮은커브로 다양한 인터페이스 사용가능하다는게 좀 장점인것 같기도해요
워낙 사용자가 많으니 배우기가 쉽다는게 너무 큰 장점이지 않을까 싶어요

혹시 현우님이 말씀주신 여러 플랫폼과의 호환성이 무슨 의미인가요?

[khwww]

배포 플랫폼이나 서드파티 서비스 연동 할 때 next 친화적으로 지원하는 곳들이 있는 것 같다는 의미였습니다!!
next를 다들 쓰다가 최근에 점점 "왜 사용해야하는지", "필요성을 못 느끼겠다" 라는 의견들이 많아 지고 있는 요즘인 것 같아요

[manNomi]

어 맞는 말씀이네요
넥스트 친화적인 라이브러리도 많고 서버도 매한가지로 그렇고요

음 ... 어드민은
Next or vite로 가시죠!