---
title: "Get started with Frontend Observability | Grafana Cloud documentation"
description: "Learn how to instrument your web application with Frontend Observability"
---

> For a curated documentation index, see [llms.txt](/llms.txt). For the complete documentation index, see [llms-full.txt](/llms-full.txt).

# 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](/docs/grafana-cloud/monitor-applications/frontend-observability/get-started/instrument-javascript/) - Add Frontend Observability to vanilla JavaScript or framework-agnostic applications
- [Instrument React applications](/docs/grafana-cloud/monitor-applications/frontend-observability/get-started/instrument-react/) - Set up monitoring for React applications
- [Instrument Next.js applications](/docs/grafana-cloud/monitor-applications/frontend-observability/get-started/instrument-nextjs/) - Configure monitoring for Next.js applications with app router support

## Upgrade existing instrumentation

- [Upgrade Faro Web SDK](/docs/grafana-cloud/monitor-applications/frontend-observability/get-started/upgrades/) - Migrate from older SDK versions to the latest release

## Before you begin

Make sure you have:

1. A Grafana Cloud account with Frontend Observability enabled
2. Your Frontend Observability application already created (or create one in the Grafana Cloud portal)
3. 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](/docs/grafana-cloud/monitor-applications/frontend-observability/quickstart/) for a 5-minute introduction.

## Next steps

After instrumenting your application:

- [Configure instrumentation](/docs/grafana-cloud/monitor-applications/frontend-observability/configure/) to customize what data you collect
- [Visualize and explore data](/docs/grafana-cloud/monitor-applications/frontend-observability/visualize-data/) to analyze user behavior and performance
- [Create alerts](/docs/grafana-cloud/monitor-applications/frontend-observability/create-alerts/) to get notified about performance issues