Menu
Grafana Cloud
Get started with Frontend Observability
This section provides framework-specific guides to help you instrument your web application and start collecting real user monitoring data.
Choose the guide that matches your application:
Framework-specific guides
- Instrument JavaScript applications - Add Frontend Observability to vanilla JavaScript or framework-agnostic applications
- Instrument React applications - Set up monitoring for React applications
- Instrument Next.js applications - Configure monitoring for Next.js applications with app router support
Upgrade existing instrumentation
- Upgrade Faro Web SDK - Migrate from older SDK versions to the latest release
Before you begin
Make sure you have:
- A Grafana Cloud account with Frontend Observability enabled
- Your Frontend Observability application already created (or create one in the Grafana Cloud portal)
- Your app ID and instance URL ready
Tip
If you’re new to Frontend Observability and want to quickly see it in action, start with the Quickstart for a 5-minute introduction.
Next steps
After instrumenting your application:
- Configure instrumentation to customize what data you collect
- Visualize and explore data to analyze user behavior and performance
- Create alerts to get notified about performance issues
