Vercel AI SDK, Solid.js, SolidStart and OpenAI Chat Example

This example shows how to use the Vercel AI SDK with Solid, SolidStart, and OpenAI to create a ChatGPT-like AI-powered streaming chat bot.

Deploy your own

Deploy the example using Vercel:

How to use

Creating a project

# create a new project in the current directory
npm init solid@latest

# create a new project in my-app
npm init solid@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

Solid apps are built with adapters, which optimise your project for deployment to different environments.

By default, npm run build will generate a Node app that you can run with npm start. To use a different adapter, add it to the devDependencies in package.json and specify in your vite.config.js.

Learn More

To learn more about OpenAI, Nuxt, and the Vercel AI SDK take a look at the following resources:

• Vercel AI SDK docs - learn mode about the Vercel AI SDK
• Vercel AI Playground - compare and tune 20+ AI models side-by-side
• OpenAI Documentation - learn about OpenAI features and API.
• SolidStart Documentation - learn about SolidStart.