Datadog의 RUM(Real User Monitoring)에 sourcemap을 업로드 하면

런타임 에러 발생 시, 에러가 발생한 코드를 보여준다.

Untitled

Typescript + Next.js + gitlab ci + Docker 환경 기준으로 작성.

1. datadog-ci devDependencies 추가

yarn add --dev @datadog/datadog-ci

2. 빌드 시, 소스맵 생성 설정

next.config.js 내에 설정.

빌드 속도에 영향이 있으므로 운영 환경에서만 소스맵을 생성하도록 한다.

productionBrowserSourceMaps: process.env.NEXT_PUBLIC_MODE === 'production',

Typescript 사용 시, tsconfig.json에 소스맵 설정

sourceMap: true,

3. DATADOG_API_KEY 환경변수 설정