Skip to content

Commit

Permalink
Update empty-screen.tsx (#1020)
Browse files Browse the repository at this point in the history
  • Loading branch information
jaredpalmer authored Mar 1, 2024
1 parent bac5101 commit 0d7f3fe
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 6 deletions.
2 changes: 1 addition & 1 deletion docs/pages/docs/concepts/ai-rsc.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -411,7 +411,7 @@ In the example below, we pass a `historyChart` streamable as a prop to a `StockC
```tsx filename="app/action.tsx"
// Create a streaming UI node. You can make as many as you need.
async function getStockHistoryChart() {
"use server"
'use server';

const ui = createStreamableUI(<Spinner />);

Expand Down
13 changes: 8 additions & 5 deletions examples/next-ai-rsc/components/empty-screen.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ export function EmptyScreen({
<div className="mx-auto max-w-2xl px-4">
<div className="rounded-lg border bg-background p-8 mb-4">
<h1 className="mb-2 text-lg font-semibold">
Welcome to AI Server Components demo!
Welcome to AI SDK 3.0 Generative UI demo!
</h1>
<p className="mb-2 leading-normal text-muted-foreground">
This is a demo of an interactive financial assistant. It can show you
Expand All @@ -35,15 +35,18 @@ export function EmptyScreen({
<p className="mb-2 leading-normal text-muted-foreground">
The demo is built with{' '}
<ExternalLink href="https://nextjs.org">Next.js</ExternalLink> and the{' '}
<ExternalLink href="https://sdk.vercel.ai">
<ExternalLink href="https://sdk.vercel.ai/docs">
Vercel AI SDK
</ExternalLink>
.
</p>
<p className="mb-2 leading-normal text-muted-foreground">
It uses AI Server Components to combine text with UI generated as
output of the LLM. UI state is synced with AI, so the model is aware
of your interactions.
It uses{' '}
<ExternalLink href="https://vercel.com/blog/ai-sdk-3-generative-ui">
React Server Components
</ExternalLink>{' '}
to combine text with UI generated as output of the LLM. UI state is
synced with AI, so the model is aware of your interactions.
</p>
<p className="leading-normal text-muted-foreground">Try an example:</p>
<div className="mt-4 flex flex-col items-start space-y-2 mb-4">
Expand Down

0 comments on commit 0d7f3fe

Please sign in to comment.