Skip to main content

React

React hooks, context providers, and component integration

Next.js

Next.js App Router and Pages Router setup

Vue.js

Vue.js components and composition API integration

Angular

Angular components and dependency injection

Svelte

Svelte components and reactive statements

Nuxt.js

Nuxt.js SSR and Vue.js framework integration

Remix

Remix full-stack React framework setup

Astro

Astro static site generator and component integration

Gatsby

Gatsby static site generator and React framework setup
Frameworks with Server Components (like Next.js 13+ App Router): For optimal performance, use a separate providers file marked with 'use client' instead of adding the directive to your root layout. This preserves Server Component benefits while enabling client-side tracking.
Don’t see your framework listed? You have two options:
  1. Use our auto-installation wizard: npx humanbehavior-js YOUR_API_KEY and select “Vanilla JS/TS” or the closest framework
  2. Follow the standard JavaScript SDK setup which works with any framework - check our API Reference
Why use the Auto-Installation Wizard? The wizard will automatically detect your framework and guide you through the integration process, explaining how the SDK works with your specific framework setup. It’s especially helpful if you’re new to the SDK or want to customize the integration.