TanStack Start 시작하기

TanStack Start는 TanStack Router 위에서 동작하는 풀스택 React 프레임워크입니다.

핵심 개념

파일 기반 라우팅

app/routes/ 디렉토리에 파일을 만들면 자동으로 라우트가 생성됩니다.

app/routes/
  __root.tsx   → 루트 레이아웃
  index.tsx    → /
  $slug.tsx    → /:slug
  about.tsx    → /about

로더

export const Route = createFileRoute('/')({
  loader: () => getPosts(),
  component: HomePage,
})

서버에서 데이터를 미리 로드해 컴포넌트에 전달합니다.

시작하기

pnpm create tanstack-app my-blog