tanstack-ai-demo
A modern AI chat template built with TanStack Start, featuring multi-model support, real-time streaming, and a clean, responsive UI.
파일 탐색기
최종 버전 다운로드 (.zip)- settings.json
- 0000_snapshot.json
- _journal.json
- 0000_pink_randall.sql
- claude.png
- drizzle.svg
- favicon.ico
- grok.png
- logo192.png
- logo512.png
- manifest.json
- ollama.svg
- robots.txt
- tanstack-circle-logo.png
- tanstack-word-logo-white.svg
- Chat.tsx
- ChatInput.tsx
- ChatLayout.tsx
- ChatListItem.tsx
- ChatMessages.tsx
- ChatSearchDialog.tsx
- ChatSidebar.tsx
- FileAttachment.tsx
- MessageBubble.tsx
- ModelSelector.tsx
- ProviderIcons.tsx
- avatar.tsx
- button.tsx
- card.tsx
- command.tsx
- dialog.tsx
- dropdown-menu.tsx
- input.tsx
- scroll-area.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- tooltip.tsx
- Header.tsx
- ThemeToggle.tsx
- index.ts
- schema.ts
- use-mobile.ts
- devtools.tsx
- root-provider.tsx
- chat-actions.ts
- multimodal.ts
- store.ts
- utils.ts
- $chatId.tsx
- index.tsx
- __root.tsx
- chat.tsx
- index.tsx
- chat.ts
- index.ts
- logo.svg
- router.tsx
- routeTree.gen.ts
- styles.css
- .cta.json
- .cursorrules
- .dockerignore
- .env.example
- .gitignore
- .prettierignore
- bun.lock
- components.json
- docker-compose.yml
- Dockerfile
- drizzle.config.ts
- LICENSE
- package.json
- prettier.config.js
- README.md
- tsconfig.json
- vite.config.ts
- wrangler.jsonc
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/rs-4/tanstack-ai-demo
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd tanstack-ai-demo
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. 공식 설치 스크립트
쉬움 추천사전 준비물
- Homebrew macOS/Linux용 패키지 매니저입니다.
brew install ollama
Homebrew로 이미 빌드된 패키지를 바로 설치합니다. 소스 빌드가 필요 없습니다.
curl -fsSL https://ollama.com/install.sh | sh
공식 설치 스크립트를 다운로드해서 바로 실행합니다. 이 한 줄로 필요한 게 자동으로 설치됩니다.
설치 후 새 터미널을 열고, 프로그램의 버전 확인 명령(예: --version)으로 정상 설치됐는지 확인하세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Docker
쉬움사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker-compose up -d --build
compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
4. Node.js
쉬움사전 준비물
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm run db:push
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm run dev
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)
