MCPcopy Index your code
hub / github.com/Nutlope/chat

github.com/Nutlope/chat @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
14 symbols 26 edges 11 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Chat app

A simple Next.js chat app that uses Mixtral MOE through Together.ai. It shows off how to do streaming with open source LLMs using Next.js and Together.ai.

Simple Chat app

How it works

This project uses Mixtral MOE through Together.ai's serverless endpoints and Vercel Edge functions with streaming. It takes the prompt the user specifies, sends it to Mixtral MOE via a Together serverless endpoint, then streams the response back to the application.

Running Locally

After cloning the repo, go to Together.ai to make an account and put your API key in a file called .env.

Then, run the application in the command line and it will be available at http://localhost:3000.

npm run dev

Version 2 (future)

For version 2 of this app, here are some features I want to add:

  • [ ] Auth with Clerk.
  • [ ] Header with profile pic + name + clone github on the right. On the left, select item to pick what model to use (mistral, Llama, ect...).
  • [ ] Share and Rewrite buttons like Perplexity.
  • [ ] No sidebar. Just chatbox on the bottom similar to chatGPT or Pi with a disclaimer.
  • [ ] Search by pressing enter in the text box.
  • [ ] Migrate app to the Next.js app router.
  • [ ] Make sure the app scrolls as the text comes in.

Get inspo from:

  • https://chat.openai.com/
  • https://chat.vercel.ai/
  • https://www.perplexity.ai/
  • https://pi.ai/talk
  • https://poe.com/
  • https://claude.ai/chats

Core symbols most depended-on inside this repo

scrollToEnd
called by 1
pages/index.tsx
generateResponse
called by 1
pages/index.tsx
redirects
called by 0
next.config.js
Github
called by 0
components/GitHub.tsx
LoadingDots
called by 0
components/LoadingDots.tsx
Header
called by 0
components/Header.tsx
Footer
called by 0
components/Footer.tsx
MyApp
called by 0
pages/_app.tsx

Shape

Function 11
Class 2
Method 1

Languages

TypeScript100%

Modules by API surface

pages/index.tsx4 symbols
pages/_document.tsx3 symbols
pages/api/together.ts1 symbols
pages/_app.tsx1 symbols
next.config.js1 symbols
components/LoadingDots.tsx1 symbols
components/Header.tsx1 symbols
components/GitHub.tsx1 symbols
components/Footer.tsx1 symbols

For agents

$ claude mcp add chat \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact