# SDK Overview
> SDK documentation for tracking analytics across web and server runtimes
import { Card, Cards, Callout, CodeBlock } from "@/components/docs";
The Databuddy SDK provides framework-specific components, helper functions, server-side tracking, and a vanilla JavaScript library for tracking analytics events. Choose your preferred integration method.
**SDK Version**: 3.0.0+ | **Package**: `@databuddy/sdk` | **CDN**: cdn.databuddy.cc
## Installation
{`# Using bun (recommended)
bun add @databuddy/sdk
# Using npm
npm install @databuddy/sdk`}
For vanilla JavaScript, no installation needed - load directly from CDN.
## Quick Start
Component and hooks for React applications
First-class Nuxt module for script injection, SPA navigation, and optional error tracking
Component and composables for Vue applications
CDN script for any website without dependencies
Server-side tracking for APIs, webhooks, and background jobs
## Core Features
Helper functions: track, flush, getAnonymousId, getTrackingParams
Control feature rollouts and A/B testing in React and Vue
Server-side feature flag evaluation for Node.js
Local overlay for events, identity, queues, diagnostics, and flags
All configuration options across platforms
## Import Paths
The SDK is organized into submodules for tree-shaking:
| Import | Description |
|--------|-------------|
| `@databuddy/sdk` | Core tracker helpers (track, flush, etc.) |
| `@databuddy/sdk/react` | React component and hooks |
| `@databuddy/sdk/vue` | Vue component and composables |
| `@databuddy/sdk/node` | Node.js server-side SDK |
The Nuxt integration ships as a separate package, [`@databuddy/nuxt`](/docs/sdk/nuxt), not an `@databuddy/sdk` subpath.
## Example: React/Next.js
{`import { Databuddy } from "@databuddy/sdk/react";
import { track } from "@databuddy/sdk";
// In your root layout
export default function RootLayout({ children }) {
return (
{children}
);
}
// In any component
function SignupButton() {
return (
);
}`}
## Example: Node.js
{`import { Databuddy } from "@databuddy/sdk/node";
const client = new Databuddy({
apiKey: process.env.DATABUDDY_API_KEY!,
websiteId: process.env.DATABUDDY_WEBSITE_ID,
enableBatching: true
});
await client.track({
name: "api_call",
properties: { endpoint: "/api/users", method: "GET" }
});
await client.flush(); // Important in serverless!`}
## TypeScript Support
The SDK is fully typed with excellent TypeScript support:
{`import { track, type DatabuddyTracker, type DatabuddyConfig } from "@databuddy/sdk";
import type { CustomEventInput } from "@databuddy/sdk/node";`}
## Related Documentation
Quick setup guide and basic configuration
Direct HTTP API for custom implementations
Navigate your analytics dashboard