This project demonstrates various AI capabilities using the Vercel AI SDK. It serves as a practical example of implementing different AI features and will be continuously updated as new developments emerge in the AI SDK.
This showcase project implements various examples using the Vercel AI SDK, demonstrating different AI capabilities in a modern web application. The examples are built using real-world use cases and follow best practices from the official Vercel AI SDK documentation.
The project includes several AI showcase examples:
- Generate Text: Text generation capabilities demonstration
- Generate Image: AI image generation showcase
- Stream Object: Real-time object streaming implementation
- Generate Object: Object generation functionality
- Streaming Text: Real-time text streaming showcase
Each feature demonstrates practical implementation of the Vercel AI SDK's capabilities with interactive examples.
- Next.js - React framework for production
- React - UI library
- Tailwind CSS - Utility-first CSS framework
- Vercel AI SDK - AI functionality integration
- pnpm - Fast, disk space efficient package manager
- Clone the repository:
git clone https://github.com/yourusername/ai-sdk-showcase.git- Install dependencies:
pnpm install- Run the development server:
pnpm dev- Open http://localhost:3000 in your browser to see the application.
The project structure follows Next.js 13+ conventions with the app directory structure:
src/
├── app/
│ ├── api/ # API routes
│ ├── case/ # Feature showcases
│ └── ...
├── components/ # Reusable components
└── lib/ # Utility functions
Contributions are welcome! Feel free to submit issues and pull requests.
This project is open source and available under the MIT License.