This template demonstrates the usage of Data Stream Protocol to stream chat completions from a Python endpoint (FastAPI) and display them using the useChat hook in your Next.js application.

Run create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-python-streaming ai-sdk-preview-python-streaming-example

yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-python-streaming ai-sdk-preview-python-streaming-example

pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-python-streaming ai-sdk-preview-python-streaming-example

To run the example locally you need to:

1. Sign up for accounts with the AI providers you want to use (e.g., OpenAI, Anthropic).
2. Obtain API keys for each provider.
3. Set the required environment variables as shown in the .env.example file, but in a new file called .env.
4. pnpm install to install the required Node dependencies.
5. virtualenv venv to create a virtual environment.
6. source venv/bin/activate to activate the virtual environment.
7. pip install -r requirements.txt to install the required Python dependencies.
8. pnpm dev to launch the development server.

To learn more about the AI SDK or Next.js by Vercel, take a look at the following resources:

• AI SDK Documentation
• Next.js Documentation