[Issue #2696] add New Relic to Next app

[doug-s-nava]

Summary

Fixes #2696

Time to review: 15 mins

Changes proposed

The goal is to begin sending data to New Relic from the frontend Next application. Things that have been done:

• a New Relic entity called "Simpler Grants Next DEV" created to track Node and client / browser data
• code added as per direction from New Relic documentation and example Next app in order to add necessary fronted scripts for tracking timing data see:
  • https://www.npmjs.com/package/newrelic
  • https://github.com/newrelic/newrelic-node-examples/tree/58f760e828c45d90391bda3f66764d4420ba4990/nextjs-app-router
  • https://docs.newrelic.com/docs/apm/agents/nodejs-agent/installation-configuration/install-nodejs-agent-docker/
• custom typing added to plaster over deficiencies in supplied New Relic TS definitions
• support for necessary environment variables added in infra code
• tested locally as described below

Context for reviewers

Test steps

1. start next on this branch with NEW_RELIC_APP_NAME="<see 1pass>" NEW_RELIC_LICENSE_KEY="<see 1pass>" npm run dev:nr
2. visit some pages and perform searches
3. VERIFY: data comes through into New Relic, in both APM and browser dashboards

Additional information

Screenshots after deploying to DEV

Next Steps

• open an issue and possibly a PR with DefinitelyTyped to fix typing issues https://github.com/DefinitelyTyped/DefinitelyTyped
• deploy to DEV to confirm functionality in deployed environment
• confirm expected behavior in PROD (data comes in) and Staging (data does not come in) after deployment
• documentation

[coilysiren]

Obvs only reviewing "my" half of the PR, but I have optional feedback

[coilysiren]

🐑 it

[mdragon]

Looks good.

[acouch]

👍🏿