|
| 1 | +--- |
| 2 | +title: TanStack Chat Template |
| 3 | +github: https://github.com/netlify-templates/tanstack-template |
| 4 | +demo: https://tanstack-starter.netlify.app/ |
| 5 | +author: Netlify |
| 6 | +date: 2025-03-19 |
| 7 | +ssg: |
| 8 | + - TanStack |
| 9 | +cms: |
| 10 | + - No CMS |
| 11 | +css: |
| 12 | + - Tailwind |
| 13 | +archetype: |
| 14 | + - Other |
| 15 | +description: A modern chat template built with TanStack Router, Claude AI, Sentry, and Convex integrations, featuring a clean and responsive interface. |
| 16 | +featured: true |
| 17 | +netlify_deploy: https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/tanstack-template |
| 18 | +--- |
| 19 | + |
| 20 | +A modern chat template built with TanStack Router, Claude AI, Sentry, and Convex integrations, featuring a clean and responsive interface. |
| 21 | + |
| 22 | +## Features |
| 23 | + |
| 24 | +### AI Capabilities |
| 25 | +- π€ Powered by Claude 3.5 Sonnet |
| 26 | +- π Rich markdown formatting with syntax highlighting |
| 27 | +- π― Customizable system prompts for tailored AI behavior |
| 28 | +- π Real-time message updates and streaming responses |
| 29 | + |
| 30 | +### User Experience |
| 31 | +- π¨ Modern UI with Tailwind CSS and Lucide icons |
| 32 | +- π Conversation management |
| 33 | +- π API key management |
| 34 | +- π Markdown rendering with code highlighting |
| 35 | + |
| 36 | +## Architecture |
| 37 | + |
| 38 | +### Tech Stack |
| 39 | +- **Frontend Framework**: React 19 with TanStack Start |
| 40 | +- **Routing**: TanStack Router |
| 41 | +- **State Management**: TanStack Store |
| 42 | +- **Database**: Convex (optional) |
| 43 | +- **Styling**: Tailwind CSS 4 |
| 44 | +- **AI Integration**: Anthropic's Claude API |
| 45 | +- **Build Tool**: Vite 6 with Vinxi |
| 46 | + |
| 47 | +### Prerequisites |
| 48 | + |
| 49 | +- [Node.js](https://nodejs.org/) v20.9+ |
| 50 | +- (optional) [nvm](https://github.com/nvm-sh/nvm) for Node version management |
| 51 | +- [Anthropic Claude API](https://www.anthropic.com/api) |
| 52 | +- (optional) [Convex Account](https://dashboard.convex.dev/signup) for database storage |
0 commit comments