Community코딩 & 개발github.com

tanstack-skills/tanstack-start

TanStack Router 기반의 풀스택 React 프레임워크로, SSR, 스트리밍, 서버 함수 기능을 제공하며 모든 호스팅 제공업체에 배포 가능합니다.

tanstack-start란 무엇인가요?

TanStack Start는 TanStack Router를 기반으로 구축된 풀스택 React 프레임워크로, 서버 사이드 렌더링(SSR), 스트리밍, 서버 함수와 같은 고급 기능을 제공합니다. 이 스킬은 개발자가 복잡한 설정 없이 서버 렌더링 애플리케이션을 구축하고 배포할 수 있도록 도와주며, Vite를 기반으로 한 빠른 개발 환경을 제공합니다. 주요 기능으로는 자동 코드 분할, 데이터 로딩 최적화, 타입 안전한 라우팅, 그리고 다양한 클라우드 플랫폼(Netlify, Vercel, Cloudflare 등)으로의 쉬운 배포가 있습니다. TanStack Start는 모던 React 개발자에게 필요한 생산성과 성능을 모두 갖춘 강력한 도구입니다.

지원 대상~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/tanstack-skills/tanstack-skills/tree/main/skills/tanstack-start

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

tanstack-start은(는) 무엇을 하나요?

TanStack Router 기반의 풀스택 React 프레임워크로, SSR, 스트리밍, 서버 함수 기능을 제공하며 모든 호스팅 제공업체에 배포 가능합니다.

주요 기능

  • 서버 사이드 렌더링 (SSR): 초기 로딩 속도 향상 및 SEO 최적화를 위한 서버 렌더링 지원
  • 스트리밍: 점진적인 콘텐츠 전송으로 사용자 경험 개선
  • 서버 함수: 클라이언트 코드에서 직접 서버 함수 호출 가능
  • 타입 안전한 라우팅: TanStack Router 기반의 완전한 타입 안전성
  • 자동 코드 분할: 불필요한 코드 로딩 방지
  • Vite 기반: 빠른 개발 서버와 최적화된 빌드

시작하기

# 프로젝트 생성
npm create tanstack-app@latest my-app

# 개발 서버 실행
cd my-app
npm run dev

배포

TanStack Start는 다음과 같은 호스팅 제공업체에 배포할 수 있습니다:

  • Netlify
  • Vercel
  • Cloudflare Pages
  • AWS Amplify
  • 기타 Node.js 호환 환경

문서

공식 문서는 tanstack.com/router에서 확인할 수 있습니다.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

관련 스킬