Flare by Spatie
    • Error Tracking
    • Performance Monitoring
    • Logs
  • Pricing
  • Docs
  • Insights
  • Changelog
  • Back to Flare ⌘↵ Shortcut: Command or Control Enter
  • Sign in
  • Try Flare for free
  • Error Tracking
  • Performance Monitoring
  • Logs
  • Pricing
  • Docs
  • Insights
  • Changelog
    • Back to Flare ⌘↵ Shortcut: Command or Control Enter
    • Try Flare for free
    • Sign in
Flare Flare PHP PHP JavaScript JavaScript Protocol Protocol
JavaScript
  • JavaScript
  • React
  • Vue
  • Svelte
  • Inertia
  • React Native
  • Electron
  • Getting Started
  • Introduction
  • Quick start
  • CDN installation
  • Errors
  • Reporting errors
  • Client hooks
  • Sourcemaps
  • Tracing
  • How tracing works
  • What gets traced
  • Web vitals
  • Manual spans
  • Sampling
  • Profiling
  • How component profiling works
  • Logs
  • Introduction
  • Levels
  • Attributes
  • Data Collection
  • Adding custom context
  • Adding glows
  • Identifying users
  • Reference
  • API
  • Configuration

Introduction

View as Markdown

The Flare JavaScript client runs in the browser. It catches unhandled errors and unhandled promise rejections and sends them to Flare with a stack trace and browser context. It can also send structured logs, trace page loads and navigations, and, in the framework packages, time how long your components take to mount.

What you get

  • Error tracking. Unhandled errors are caught and reported automatically, with the original source code in the stack trace once you add sourcemaps. See reporting errors.
  • Structured logs. Send log messages with levels and attributes, batched and flushed for you. See the logs introduction.
  • Tracing. Page loads, navigations, and outgoing requests become spans you can inspect in a waterfall view. See how tracing works.
  • Component profiling. Framework packages can time how long a component takes to mount. See how component profiling works.

Pick your framework

Every framework package builds on the core browser client, so start with the guide for the framework you use:

  • React
  • Vue
  • Svelte and SvelteKit
  • Inertia
  • React Native
  • Electron

No framework, or a plain JavaScript project? Continue with the quick start.

Quick start

On this page

  • What you get
  • Pick your framework

Catch errors and fix slowdowns with Flare, the full-stack application monitoring platform for Laravel, PHP & JavaScript.

  • Platform
  • Error Tracking
  • Performance Monitoring
  • Pricing
  • Support
  • Resources
  • Insights
  • Newsletter
  • Changelog
  • Documentation
  • Affiliate program
  • uptime status badge Service status
  • Terms of use
  • DPA
  • Privacy & cookie Policy
Made in by Spatie logo
Flare