Framework Guides

Step-by-step integration guides for popular web frameworks. Each guide includes complete examples for both client-side and server-side tracking.

Complete integration guide for Next.js 13+ with App Router, Server Components, and Server Actions.

flame

SvelteKit

Full SvelteKit integration with load functions, form actions, and hooks.

What's Covered

Each framework guide includes:

✅ Installation - Dependencies and environment setup
✅ Client-side tracking - Page views, user interactions, and events
✅ Server-side tracking - API routes, server actions, and background jobs
✅ User identification - Session management and user context
✅ Form handling - Progressive enhancement and data submission
✅ Common patterns - Auth, errors, protected routes, and more
✅ Serverless best practices - Edge functions and deployment

Quick Start by Framework

Next.js App Router

// lib/analytics.ts
import { createClientAnalytics } from '@stacksee/analytics/client';
import { PostHogClientProvider } from '@stacksee/analytics/providers/client';

export const analytics = createClientAnalytics({
  providers: [
    new PostHogClientProvider({
      token: process.env.NEXT_PUBLIC_POSTHOG_KEY!
    })
  ]
});

Full Next.js guide →

SvelteKit

// src/lib/analytics.ts
import { createClientAnalytics } from '@stacksee/analytics/client';
import { PostHogClientProvider } from '@stacksee/analytics/providers/client';
import { PUBLIC_POSTHOG_KEY } from '$env/static/public';

export const analytics = createClientAnalytics({
  providers: [
    new PostHogClientProvider({
      token: PUBLIC_POSTHOG_KEY
    })
  ]
});