7 | An experimental preview of AI Server Components. 8 |
9 | 10 | ## Features 11 | 12 | - [Next.js](https://nextjs.org) App Router 13 | - [Vercel AI SDK 3.0](https://sdk.vercel.ai/docs) with AI Server Components 14 | - OpenAI Tools/Function Calling 15 | - [shadcn/ui](https://ui.shadcn.com) 16 | 17 | ## Quick Links 18 | 19 | - [Read the blog post](https://vercel.com/blog/ai-sdk-3-generative-ui) 20 | - [See the demo](https://sdk.vercel.ai/demo) 21 | - [Visit the docs](https://sdk.vercel.ai/docs/concepts/ai-rsc) 22 | 23 | ## Deploy Your Own 24 | 25 | You can deploy your own version of the demo to Vercel with one click: 26 | 27 | [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fai%2Fblob%2Fmain%2Fexamples%2Fnext-ai-rsc&env=OPENAI_API_KEY&envDescription=OpenAI%20API%20Key&envLink=https%3A%2F%2Fplatform.openai.com%2Fapi-keys) 28 | 29 | ## Running locally 30 | 31 | You will need to use the environment variables [defined in `.env.example`](.env.example) to run Next.js AI Chatbot. It's recommended you use [Vercel Environment Variables](https://vercel.com/docs/projects/environment-variables) for this, but a `.env` file is all that is necessary. 32 | 33 | > Note: You should not commit your `.env` file or it will expose secrets that will allow others to control access to your various OpenAI and authentication provider accounts. 34 | 35 | 1. Install Vercel CLI: `npm i -g vercel` 36 | 2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link` 37 | 3. Download your environment variables: `vercel env pull` 38 | 39 | ```bash 40 | pnpm install 41 | pnpm dev 42 | ``` 43 | 44 | Your app should now be running on [localhost:3000](http://localhost:3000/). 45 | 46 | ## Authors 47 | 48 | This library is created by [Vercel](https://vercel.com) and [Next.js](https://nextjs.org) team members, with contributions from: 49 | 50 | - Shu Ding ([@shuding\_](https://twitter.com/shuding_)) - [Vercel](https://vercel.com) 51 | - Max Leiter ([@max_leiter](https://twitter.com/max_leiter)) - [Vercel](https://vercel.com) 52 | - Jeremy Philemon ([@jeremyphilemon](https://github.com/jeremyphilemon)) - [Vercel](https://vercel.com) 53 | - shadcn ([@shadcn](https://twitter.com/shadcn)) - [Vercel](https://vercel.com) 54 | - Jared Palmer ([@jaredpalmer](https://twitter.com/jaredpalmer)) - [Vercel](https://vercel.com) 55 | # generative-ui-experiments 56 | --------------------------------------------------------------------------------