ScaleBun
Skip to article

Integrations

webDeveloper

Wire ScaleBun into React, Next.js, Vue, Svelte, Angular, or plain JavaScript — usually the first thing you do after installing, and a few lines in each case.

Updated Reviewed

@scalebun/web is framework-agnostic and works on its own. The adapters exist because every framework hides exactly two things from a generic browser SDK:

SeamWhy the core can't see itWhat the adapter does
Route changehistory events carry a URL, not the route name or pattern your router knowsCalls ScaleBun.trackScreen(name)
Render errorReact, Vue and Angular catch render errors before window.onerror ever firesCalls ScaleBun.captureError(err, { componentStack })

That is the whole contract. Adapters add no capture logic of their own, and they re-export the singleton so you can import everything from one package.

Pick your framework#

What each adapter gives you#

PackagePeerRoute trackingRender errors
@scalebun/web-reactreact >=17useRouteName(name)<ScaleBunErrorBoundary>
@scalebun/web-nextnext >=14, react >=18Automatic via <ScaleBunNavigation />app/error.tsx + instrumentation.ts
@scalebun/web-vuevue >=3useRouteName(refOrGetter)Automatic via the plugin
@scalebun/web-sveltesvelte >=4trackNavigation(nav)handleError hooks
@scalebun/web-angular@angular/core >=16, @angular/router >=16, rxjs >=7Automatic via provideScaleBun()Automatic via ErrorHandler

Server-side rendering#

Every adapter guards init() with typeof window, so calling it during SSR is safe and does nothing — capture starts on the client after hydration. Server and edge runtimes are a separate story with their own capture path: see SSR & edge runtimes.

Next#

Integrations · Web SDK · ScaleBun