ai/docs/05-ai-sdk-rsc/index.mdx

AI SDK by Vercel - The AI Toolkit for TypeScript and JavaScript

---
title: AI SDK RSC
description: Learn about AI SDK RSC.
collapsed: true
---

# AI SDK RSC

<Note type="warning">
  AI SDK RSC is currently experimental. We recommend using [AI SDK
  UI](/docs/ai-sdk-ui/overview) for production. For guidance on migrating from
  RSC to UI, see our [migration guide](/docs/ai-sdk-rsc/migrating-to-ui).
</Note>

<IndexCards
  cards={[
    {
      title: 'Overview',
      description: 'Learn about AI SDK RSC.',
      href: '/docs/ai-sdk-rsc/overview',
    },
    {
      title: 'Streaming React Components',
      description: 'Learn how to stream React components.',
      href: '/docs/ai-sdk-rsc/streaming-react-components',
    },
    {
      title: 'Managing Generative UI State',
      description: 'Learn how to manage generative UI state.',
      href: '/docs/ai-sdk-rsc/generative-ui-state',
    },
    {
      title: 'Saving and Restoring States',
      description: 'Learn how to save and restore states.',
      href: '/docs/ai-sdk-rsc/saving-and-restoring-states',
    },
    {
      title: 'Multi-step Interfaces',
      description: 'Learn how to build multi-step interfaces.',
      href: '/docs/ai-sdk-rsc/multistep-interfaces',
    },
    {
      title: 'Streaming Values',
      description: 'Learn how to stream values with AI SDK RSC.',
      href: '/docs/ai-sdk-rsc/streaming-values',
    },
    {
      title: 'Handling Loading State',
      description: 'Learn how to handle loading state.',
      href: '/docs/ai-sdk-rsc/loading-state',
    },
    {
      title: 'Error Handling',
      description: 'Learn how to handle errors.',
      href: '/docs/ai-sdk-rsc/error-handling',
    },
    {
      title: 'Authentication',
      description: 'Learn how to authenticate users.',
      href: '/docs/ai-sdk-rsc/authentication',
    },
  ]}
/>