Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/premieroctet/ai-filter-demo

Let's see how to integrate a smart filtering system into a Next.js application using the Vercel AI SDK. The idea is to allow the user to filter data using a simple description.
https://github.com/premieroctet/ai-filter-demo

ai nextjs react

Last synced: 2 months ago
JSON representation

Let's see how to integrate a smart filtering system into a Next.js application using the Vercel AI SDK. The idea is to allow the user to filter data using a simple description.

Awesome Lists containing this project

README

        

# Smart Filters with Vercel AI SDK and Next.js

Source code for the post **AI and UI #1 - Smart Filters with Vercel AI SDK and Next.js** from [Premier Octet](https://premieroctet.com)

- 🇬🇧 English https://premieroctet.com/blog/en/ai-and-ui-smart-filters-with-vercel-ai-sdk-and-nextjs
- 🇫🇷 French https://premieroctet.com/blog/ai-et-ui-filtres-intelligents-avec-le-sdk-vercel-ai-et-nextjs

![image](https://github.com/premieroctet/ai-filter-demo/assets/1102595/e4bab68a-c54e-4b03-841d-65c613bf6e53)

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.