https://github.com/miurla/gen-ui-demo

This project is a straightforward demonstration that utilizes Vercel AI SDK to implement Generative UI.
https://github.com/miurla/gen-ui-demo

Last synced: about 1 month ago
JSON representation

This project is a straightforward demonstration that utilizes Vercel AI SDK to implement Generative UI.

• Host: GitHub
• URL: https://github.com/miurla/gen-ui-demo
• Owner: miurla
• Created: 2024-03-03T03:28:43.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-03T03:45:45.000Z (9 months ago)
• Last Synced: 2024-11-02T02:50:50.245Z (about 1 month ago)
• Language: TypeScript
• Homepage:
• Size: 66.4 KB
• Stars: 46
• Watchers: 2
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• jimsghstars - miurla/gen-ui-demo - This project is a straightforward demonstration that utilizes Vercel AI SDK to implement Generative UI. (TypeScript)

README

        
This project is a straightforward demonstration that utilizes [Vercel AI SDK v3.0](https://github.com/vercel/ai) to implement Generative UI.

It's developed based on the sample code provided in the [official documentation](https://sdk.vercel.ai/docs/concepts/ai-rsc).

## Getting Started

1. Clone the repository

```bash

git clone https://github.com/miurla/gen-ui-demo

```

2. Go to the project folder

```bash

cd gen-ui-demo

```

3. Install packages

```bash

pnpm install

```

4. Setup your .env.local file. And set your own OpenAI API Key.

```bash

cp .env.example .env.local

```

5. Run the development server:

```bash

pnpm dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Learn More

To learn more about Generative UI, take a look at the following resources:

- [Read the blog post](https://vercel.com/blog/ai-sdk-3-generative-ui)

- [Visit the docs](https://sdk.vercel.ai/docs/concepts/ai-rsc)

- [Generative UI Demo](https://github.com/vercel/ai/tree/main/examples/next-ai-rsc)