Generated straight from `@cosmoops/connect-sdk`'s TypeScript source and its
own doc comments — this can't drift from what actually ships, the way
hand-written prose can. Regenerated on every deploy.

<Cards>
  <Card title="Core" href="/docs/reference/core">
    Types, `ConnectError`, and pure helpers. Isomorphic — no React, no
    Node-only code.
  </Card>
  <Card title="Server" href="/docs/reference/server">
    `ConnectClient` and `createConnectHandler`. Holds the API key — never
    import this from browser code.
  </Card>
  <Card title="Next.js" href="/docs/reference/next">
    The plug-and-play bridge: `GET`/`POST`, `getConnectSession`, the cookie
    session store.
  </Card>
  <Card title="Client" href="/docs/reference/client">
    React components and hooks. Holds no credential — calls your own origin.
  </Card>
  <Card title="UI" href="/docs/reference/ui">
    Page-composition primitives — shell, section, empty state. Presentational
    and not `"use client"`, so they render in a Server Component.
  </Card>
  <Card title="MCP" href="/docs/reference/mcp">
    Your store declaration, derived into MCP tools. Holds the API key — never
    import this from browser code.
  </Card>
</Cards>

New to the SDK? [Getting started](/docs/getting-started) is the faster way
in — this section is for looking up a specific type or method once you're
already integrating.