React vs Next.js - 라우팅 비교

React vs Next.js - 라우팅 비교

기능React RouterNext.js

라우팅 방식	코드 기반 정의	파일 기반 라우팅
동적 라우트	<Route path="/post/:id" />	pages/post/[id].tsx
코드 스플리팅	필요 시 React.lazy	자동 처리
중첩 라우트	명시적 nesting	별도 _app.tsx와 컴포넌트 조합

// React Router 예시
<Route path="/user/:id" element={<UserDetail />} />

 

// Next.js 예시
// pages/user/[id].tsx
const { id } = useRouter().query;