C.W.K.
Stream
More →
Lesson 07 of 08 · published

Next.js vs 대안

~18 min · Remix, Astro, SvelteKit, Nuxt

Level 0Curious
0 XP0/68 lessons0/11 achievements
0/120 XP to next level120 XP to go0% complete

Workload 에 맞춰 framework 골라

Framework언어강점적합
Next.js 16ReactSSR, SSG, ISR, RSC, streaming, Server ActionFull-stack app, SaaS, dashboard
Remix / React Router 7ReactSSR-first, web standard (form, fetch)Form 많은 app, e-commerce (Shopify Hydrogen)
Nuxt 4Vue 3SSR, SSG, hybrid; DX 좋음Vue 팀, multi-cloud
SvelteKit 2Svelte 5Bundle 작고, runesBundle size 가 제약인 app
Astro 5모든 (islands)JS 0 default, content 우선Docs, blog, content site

Next.js 가 이기는 자리

  • 팀이 React 알고 full-stack framework 원함.
  • CDN 속도 ISR 필요 (Next + Vercel 만의 강점).
  • 가장 큰 integration ecosystem 원함.
  • 안정성 + community 가 새것보다 중요한 enterprise app.

대안이 이기는 자리

  • Astro — 거의 content, SEO & load speed 가 dominate (Lighthouse 100 default).
  • SvelteKit — bundle 예산이 제약.
  • Remix — web-standard navigation 으로 form 이득 보는 app.
  • Nuxt — 팀이 Vue, React 아님.

"Best" 의 의미

Workload + 팀 skill 이지 benchmark 숫자 아니야. React 깊이 아는 팀이 Astro 보다 Next.js 에서 더 빠른 app 만들어 — Astro default 가 더 lean 해도.

Code

같은 idea, 세 framework·text
Next.js (RSC):
  app/post/[slug]/page.tsx — async component, 직접 fetch

Remix:
  app/routes/post.$slug.tsx — loader() 가 data 반환

Astro:
  src/pages/post/[slug].astro — frontmatter fetch, JS 0 render

External links

Exercise

대안 framework 하나 골라. 같은 single-page (public API 에서 받은 post list) 를 Next.js 와 그 framework 에서 만들어 봐. Bundle size, time-to-interactive, 코드 줄 수 비교.

Progress

Progress is local-only — sign in to sync across devices.
← PreviousVercel & EcosystemNext →첫 Project
이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

댓글 0

🔔 답글 알림 (로그인 필요)
로그인 — 댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.