에러 모니터링의 새로운 기준

에러 모니터링,
5분이면 끝.

Sentry보다 쉽고, 비용은 1/10.
설치 3줄, 설정 0개. 지금 바로 시작하세요.

npm install @bugshot/browser-sdk

왜 BugShot인가요?

복잡한 설정 없이, 핵심 기능만 담았습니다.

자동 에러 캡처

JavaScript 에러, Promise rejection, 네트워크 에러를 자동으로 수집합니다.

세션 리플레이

에러 발생 전 사용자의 행동을 녹화하여 재현 없이 디버깅하세요.

실시간 알림

Slack, Discord, 이메일로 즉시 알림을 받으세요.

소스맵 지원

프로덕션 에러도 원본 코드 위치를 정확히 파악합니다.

React 지원

Error Boundary와 Hooks로 React 앱에 쉽게 통합하세요.

TypeScript 완벽 지원

타입 정의가 포함되어 있어 자동완성이 됩니다.

3줄이면 끝

복잡한 설정? 필요 없습니다.

1JavaScript / TypeScript

typescript
import BugShot from '@bugshot/browser-sdk';

BugShot.init({
  apiKey: 'your-api-key-here'
});

// 끝! 이제 모든 에러가 자동으로 수집됩니다.

2React

tsx
import { BugShotProvider, ErrorBoundary } from '@bugshot/react';

function App() {
  return (
    <BugShotProvider config={{ apiKey: 'your-api-key' }}>
      <ErrorBoundary>
        <YourApp />
      </ErrorBoundary>
    </BugShotProvider>
  );
}

3수동 에러 캡처

typescript
try {
  await riskyOperation();
} catch (error) {
  BugShot.captureError(error);
}

심플한 가격

숨겨진 비용 없이, 필요한 만큼만 지불하세요.

Free

₩0영구 무료

사이드 프로젝트에 완벽

  • 월 10,000 에러
  • 3개 프로젝트
  • 7일 데이터 보관
  • 이메일 알림
  • 기본 대시보드
시작하기
인기

Pro

$9/월

성장하는 팀을 위한

  • 월 100,000 에러
  • 10개 프로젝트
  • 30일 데이터 보관
  • Slack, Discord 알림
  • 세션 리플레이
  • 소스맵 업로드
  • 우선 지원
시작하기

Team

$29/월

대규모 프로젝트용

  • 월 1,000,000 에러
  • 50개 프로젝트
  • 90일 데이터 보관
  • 모든 알림 채널
  • 세션 리플레이
  • 팀 멤버 관리
  • API 접근
  • 전용 지원
시작하기

Enterprise 플랜이 필요하신가요? 문의하기

5분 후, 첫 번째 에러를 잡아보세요

신용카드 없이 시작할 수 있습니다.

무료로 시작하기