DuckVizBeta
Guides

Guides

Step-by-step integration tutorials for embedding DuckViz in your app.

Walkthroughs for the most common DuckViz integration patterns. Each guide is self-contained with runnable code.

Integration

Next.js integration

Full-stack app: providers, auto-ingest datasets, SDK proxy routes, theming.

Datasets mode

Pre-load rows and skip the file upload flow — auto-ingest on mount.

Embedding dashboards

Drop <Dashboard> into any React app with DuckvizDataset[].

Server & theming

Server proxy setup

Proxy DuckViz AI calls through your backend with @duckviz/sdk.

Custom themes

Use built-in presets or build your brand palette via buildThemeTokens.

Errors

Typed error classes for authentication, quota, rate limiting, and transport failures.

Next.js Integration

Build a full-stack app with DuckViz packages and Next.js App Router.

On this page

IntegrationServer & theming