Micro-Frontend Observability
Strucutre
apps/shell- a NextJS application, the application shell of the micro-frontend hosted applicationsmicro-frontends- the micro-frontend composable applicationspackages- shared functionality for shell & micro-frontend applications
Prerequisites
- New Relic
- Terraform (optional)
Setup
- Create a New Relic browser application
- Add your New Relic script at
apps/shell/public/statis/newrelic.js - (Optional) Add Terraform local variables at
terraform/locals.tf - Run
yarn devornpm run dev
Example New Relic Queries
SELECT * FROM JavaScriptError WHERE appName = '{newRelic-appName}' SINCE 1 week agoSELECT * FROM JavaScriptError WHERE appName = '{newRelic-appName}' AND errorType = 'ErrorBoundary' SINCE 1 week agoSELECT * FROM JavaScriptError WHERE appName = '{newRelic-appName}' AND errorType = 'ErrorBoundary' AND componentSource = 'Header' SINCE 1 week agoSELECT * FROM PageAction WHERE appName = '{newRelic-appName}' AND moduleName = 'mfe-app-module' AND componentSource = 'Header' SINCE 1 week agoSELECT count(*) FROM PageAction WHERE appName = '{newRelic-appName}' AND moduleName = 'mfe-app-module' AND componentSource = 'Header' SINCE 1 week ago