# vercel ai sdk

Published articles for vercel ai sdk.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## How to Build an AI Chat App Interface With the Vercel AI SDK and Shadcn/ui

DevFeed: [How to Build an AI Chat App Interface With the Vercel AI SDK and Shadcn/ui](<https://devfeed.tech/articles/how-to-build-an-ai-chat-app-interface-with-the-vercel-ai-sdk-and-shadcn-ui-4335.md>)

Original publisher: [Read original article](<https://www.freecodecamp.org/news/how-to-build-an-ai-chat-app-interface-with-the-ai-sdk/>)

Author: Vaibhav Gupta

Published: 2026-09-11T16:21:29Z

Content type: tutorial

Language: en

Sources: [freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More](<https://devfeed.tech/sources/freecodecamp-programming-tutorials-python-javascript-git-more.md>)

Topics: [vercel ai sdk](<https://devfeed.tech/topics/vercel-ai-sdk.md>), [AI Chat](<https://devfeed.tech/topics/ai-chat.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [app](<https://devfeed.tech/tags/app.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [llm](<https://devfeed.tech/tags/llm.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [node](<https://devfeed.tech/tags/node.md>), [openai](<https://devfeed.tech/tags/openai.md>), [react](<https://devfeed.tech/tags/react.md>), [shadcn-ai-chat-app](<https://devfeed.tech/tags/shadcn-ai-chat-app.md>), [shadcn-ui](<https://devfeed.tech/tags/shadcn-ui.md>), [streaming](<https://devfeed.tech/tags/streaming.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [ui](<https://devfeed.tech/tags/ui.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vercel-ai-sdk](<https://devfeed.tech/tags/vercel-ai-sdk.md>)

### AI overview

Tutorial for building a streaming AI chat interface in Next.js with the Vercel AI SDK and shadcn/ui.

### Source excerpt

Every other AI product you open today has the same screen: a message list, a text box at the bottom, and words that stream in one token at a time. It looks simple, but it's not simple to build well. Y

## How Featured's users make 100K media pitches per month on Vercel

DevFeed: [How Featured's users make 100K media pitches per month on Vercel](<https://devfeed.tech/articles/how-featured-s-users-make-100k-media-pitches-per-month-on-vercel-738.md>)

Original publisher: [Read original article](<https://vercel.com/blog/how-featureds-users-make-100k-media-pitches-per-month-on-vercel>)

Author: Susan Aziz

Published: 2026-09-11T04:00:00Z

Content type: article

Language: en

Sources: [Vercel News](<https://devfeed.tech/sources/vercel-news.md>)

Topics: [migration](<https://devfeed.tech/topics/migration.md>), [vercel ai sdk](<https://devfeed.tech/topics/vercel-ai-sdk.md>), [AI Chat](<https://devfeed.tech/topics/ai-chat.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [ai-gateway](<https://devfeed.tech/tags/ai-gateway.md>), [aws](<https://devfeed.tech/tags/aws.md>), [featured](<https://devfeed.tech/tags/featured.md>), [infrastructure](<https://devfeed.tech/tags/infrastructure.md>), [migration](<https://devfeed.tech/tags/migration.md>), [models](<https://devfeed.tech/tags/models.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vercel-ai-sdk](<https://devfeed.tech/tags/vercel-ai-sdk.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

### AI overview

Featured describes migrating 374 Sanity sites from AWS Elastic Beanstalk to Vercel while using Vercel's AI SDK, AI Gateway, and Workflow SDK to reduce infrastructure work for a three-engineer team.

### Source excerpt

Featured on Vercel 3 engineers supporting 3 brands and 100,000+ users on Vercel Migrated 374 Sanity sites from AWS Elastic Beanstalk to Vercel AI SDK and AI Gateway power Featured's chat bot across 17 models Workflow SDK replaced custom long-running job infrastructure Featured is a co-pilot for public relations (PR) that subject matter experts and PR teams use to find media opportunities. Tell Featured's agents what you know, and it surfaces opportunities across journalist requests, podcasts, awards, and GEO, with no PR background required. Founder Brett Farmiloe knows from experience how hard and time consuming getting press is. He spent 10 years running Markitors, a digital marketing agency with 500 small business clients. Every client, from an eyelash extension supplier to an equipment financing company, had real expertise to share, but no way to get it in front of journalists. PR, as Farmiloe puts it, "has always been about who has access to what." He founded Featured to change the question from who has access to who has knowledge. Featured connects one of their users with a journalist or publisher every 6 seconds. Their agents deliver more than 100,000 media pitches per month, and have sent over 100 million Help A Reporter Out (HARO) emails in the past year. Behind it all is an engineering team of just three people. With a team that lean, there's no time to manage servers or piece together custom integrations. Every hour spent on infrastructure is an hour taken away from building features what will help their customers land more media placements. The cost of managing infrastructure by hand Before Vercel, Featured's infrastructure work pulled the team away from product development. Hosting lived on AWS Elastic Beanstalk, AI features depended on custom provider integrations, and long-running, multi-step jobs ran on separate orchestration infrastructure. Each layer worked, but each one added operational overhead for a three-person team supporting multiple brands.

## Build a Ghost analytics agent with Vercel AI SDK and Tinybird

DevFeed: [Build a Ghost analytics agent with Vercel AI SDK and Tinybird](<https://devfeed.tech/articles/clickhouse-replacingmergetree-examples-and-best-use-cases-18505.md>)

Original publisher: [Read original article](<https://www.tinybird.co/blog/ghost-analytics-agent-with-vercel-ai-sdk-and-tinybird>)

Author: Cameron Archer

Published: 2025-08-06T10:00:00Z

Content type: tutorial

Language: en

Sources: [Tinybird](<https://devfeed.tech/sources/tinybird.md>)

Topics: [vercel ai sdk](<https://devfeed.tech/topics/vercel-ai-sdk.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>), [data](<https://devfeed.tech/topics/data.md>), [real-time](<https://devfeed.tech/topics/real-time.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [ai](<https://devfeed.tech/tags/ai.md>), [claude](<https://devfeed.tech/tags/claude.md>), [data](<https://devfeed.tech/tags/data.md>), [i-built-this](<https://devfeed.tech/tags/i-built-this.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vercel-ai-sdk](<https://devfeed.tech/tags/vercel-ai-sdk.md>)

### AI overview

A tutorial on building a Ghost analytics agent with Vercel AI SDK and Tinybird, giving Claude real-time access to publishing data.

### Source excerpt

Build a Ghost analytics agent with Vercel AI SDK and Tinybird. Give Claude real-time access to your publishing data.

## Storing Vercel's AI SDK chat messages in a Turso database

DevFeed: [Storing Vercel's AI SDK chat messages in a Turso database](<https://devfeed.tech/articles/storing-vercel-s-ai-sdk-chat-messages-in-a-turso-database-6043.md>)

Original publisher: [Read original article](<https://turso.tech/blog/storing-vercels-ai-sdk-chat-messages-in-a-turso-database>)

Author: Jamie Barton

Published: 2024-08-07T00:00:00Z

Content type: tutorial

Language: en

Sources: [Turso Blog](<https://devfeed.tech/sources/turso-blog.md>)

Topics: [vercel ai sdk](<https://devfeed.tech/topics/vercel-ai-sdk.md>), [Turso](<https://devfeed.tech/topics/turso.md>), [libSQL](<https://devfeed.tech/topics/libsql.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [database](<https://devfeed.tech/tags/database.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [learn](<https://devfeed.tech/tags/learn.md>), [libsql](<https://devfeed.tech/tags/libsql.md>), [llm](<https://devfeed.tech/tags/llm.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [openai](<https://devfeed.tech/tags/openai.md>), [sdk](<https://devfeed.tech/tags/sdk.md>), [turso](<https://devfeed.tech/tags/turso.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vercel-ai-sdk](<https://devfeed.tech/tags/vercel-ai-sdk.md>)

### AI overview

Learn how to persist Vercel AI SDK chat messages in a Turso database using libSQL and TypeScript, so conversations can be resumed with their full message history.

### Source excerpt

Learn how to persist Vercel's AI SDK chat messages in a Turso database with libSQL client and TypeScript.