mcpField
T
tanstack-chat-netlify

tanstack-chat-netlify

github.com/rebyteai-templateDevelopment1750 installsUpdated 19w ago
Repository

About tanstack-chat-netlify

A React chat application starter using TanStack Router and Claude AI, for developers building a chat app. It provides npm setup, development and build commands, plus Netlify deployment instructions.

Key features

  1. 01React chat application
  2. 02TanStack Router navigation
  3. 03Claude AI integration
  4. 04npm-based setup and build
  5. 05Netlify deployment command

Use cases

  1. 01Starting a chat application
  2. 02Building a React app with Claude AI
  3. 03Deploying a chat app to Netlify

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill tanstack-chat-netlify

After installing, type/tanstack-chat-netlifyin Claude Code to confirm it loaded.

Details

From the project README

TanStack Chat (Netlify)

A modern chat application with TanStack Router and Claude AI.

Tech Stack

  • Framework: React
  • Router: TanStack Router
  • AI: Claude AI integration
  • Package Manager: npm

Setup

1. Clone the Template
git clone --depth 1 https://github.com/netlify-templates/tanstack-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/netlify-templates/tanstack-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Remove Git History (Optional)
rm -rf .git
git init
3. Install Dependencies
npm install

Build

npm run build

Deploy to Netlify

netlify deploy --prod

Development

npm run dev

Comments

Markdown supported