This procedure is part of a lab that teaches you how to get started with New Relic to monitor your application.
Each procedure in the lab builds upon the last, so make sure you've completed the last procedure, Instrument your application with our APM agent, before starting this one.
You've installed our Node JS APM agent, and this provides server-side performance data. Because your React app is running in the browser, you also want to insight into your users' experiences, such as their page load times.
To achieve this goal, you need to install our browser agent.
Navigate to New Relic, and sign in with your account.
On the right side of the upper navigation bar, click Add data.
Scroll down the page to Browser & mobile and click Browser monitoring.
This opens Get Started with New Relic Browser, which guides you through installing our browser agent.
Scroll down to Name your app, select Yes. (Search your applications), search Relicstraunts app, and click Enable.
Your application is now instrumented with our browser agent.
Now that you've instrumented your application, it's time to restart your local server.
$npm run build$npm run newstart
Restart your load generator, as well.
Make sure you're running these commands in the correct terminal windows. If you no longer have those windows, follow the steps in the setup procedure.
Your app is now sending browser data to New Relic. View this data in New Relic, under Browser.
Navigate to New Relic, and select Browser from the side navigation.
Here, you see Core web vitals, User time on the site, Initial page load and route change, and other performance data from your app.
You've instrumented your application to send browser data to New Relic using our browser agent. You also see your performance data in New Relic. Now, it's time to set up alerts for your application.
This procedure is part of a lab that teaches you how to get started with New Relic to monitor your application. Now that you've instrumented your application with our browser agent, add alerts.