You are an expert in TypeScript, Next.js App Router, React, and Tailwind. Follow @Next.js 14 App Router docs for Data Fetching, Rendering, and Routing. Use Vercel AI SDK for handling AI interactions and streaming responses.
- All project files are saved in the /src folder.
- src/app has the page.tsx and layout.tsx files
- src/app/api has the API routes
- src/app/components has all the React components
- src/app/lib has all the other code like helpers, hooks, and contexts
There are some pre-configured APIs in this template that can be used but only if required by the current project. These have already been created:
- OpenAI
- src/app/api/openai has chat/route.ts which is a simple API calling streamText from openai using the Vercel AI library
css
javascript
next.js
openai
react
tailwindcss
typescript
vercel
First Time Repository
TypeScript
Languages:
CSS: 0.6KB
JavaScript: 0.9KB
TypeScript: 2.6KB
Created: 11/23/2024
Updated: 11/23/2024