ai-sdk-playground

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). #text to visualize <img width="1440" alt="image" src="https://github.com/user-attachments/assets/426125ed-9c99-48a9-9590-6caefd83a3d6" /> <img width="1437" alt="image" src="https://github.com/user-attachments/assets/f024b70b-f807-4f1a-ad4a-8ab8888a22de" /> <img width="1438" alt="image" src="https://github.com/user-attachments/assets/e14fb0a8-fa2e-4edc-ae72-8f4bbbe4c66a" /> <img width="1439" alt="image" src="https://github.com/user-attachments/assets/e0d0d781-7ac5-44cc-9374-fe9e719e7b1e" /> #video demo https://github.com/user-attachments/assets/607b8468-1d96-49a3-98e7-76872469af2a ## Getting Started First, run the development server: ```bash npm run dev # or yarn dev # or pnpm dev # or bun dev ``` Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. ## Learn More To learn more about Next.js, take a look at the following resources: - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! ## Deploy on Vercel The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.