렌더링

생태계

풀스택

배포

번들 크기

Next.js는 Vercel이 만든 React 기반 풀스택 프레임워크다. 서버사이드 렌더링(SSR), 정적 생성(SSG), 증분 정적 재생성(ISR), 스트리밍을 모두 지원하며, App Router와 Server Actions로 풀스택 개발이 가능하다. 가장 큰 React 생태계를 가지고 있다.

Next.js

React 기반 풀스택 프레임워크. SSR/SSG/ISR, API Routes, App Router를 제공한다.

데이터 패턴

Remix는 Web 표준(Fetch, FormData, Response)을 적극 활용하는 풀스택 프레임워크다. Loader/Action 패턴으로 서버 데이터를 선언적으로 관리하며, 프로그레시브 인핸스먼트를 기본 지원한다. Shopify가 인수 후 React Router와 통합됐다.

Remix

Web 표준 기반 풀스택 프레임워크. Loader/Action 패턴으로 데이터 중심 웹앱에 적합.

SSG + Islands (선택적 하이드레이션)

UI 프레임워크

콘텐츠 관리

Astro는 콘텐츠 중심 웹사이트에 최적화된 프레임워크다. Islands 아키텍처로 필요한 부분만 JS를 로드하며, React/Vue/Svelte 등 어떤 UI 프레임워크든 사용 가능하다. 블로그, 문서 사이트, 마케팅 사이트에 특히 적합하다.

Astro

콘텐츠 중심 프레임워크. Islands 아키텍처로 JS를 최소화하고 빌드 속도가 빠르다.

학습 곡선

성능

SvelteKit은 Svelte 기반의 풀스택 프레임워크다. 컴파일러가 컴포넌트를 순수 JS로 변환하기 때문에 런타임 오버헤드가 없고, 번들 크기가 매우 작다. 직관적인 문법으로 학습 곡선이 낮으며, 풀스택 기능도 제공한다.

SvelteKit

컴파일러 기반 프레임워크. 런타임 없이 순수 JS로 변환되어 번들이 작고 빠르다.

Vue 통합

서버 엔진

Nuxt는 Vue.js 기반의 풀스택 프레임워크다. Next.js가 React 세계에서 하는 역할을 Vue 세계에서 한다. SSR/SSG 지원, 자동 라우팅, 서버 엔진(Nitro) 등을 제공하며, Vue 개발자에게 가장 자연스러운 풀스택 경험을 제공한다.

Nuxt

Vue 기반 풀스택 프레임워크. Vue 생태계에서 Next.js의 위치에 해당한다.

프레임워크 허브

⚡프레임워크(5)

Next.js

Remix

Astro

SvelteKit

Nuxt