--- title: "Frontend Observability quickstart | Grafana Cloud documentation" description: "Get data flowing in 5 minutes 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). # Frontend Observability quickstart Get telemetry data flowing from your frontend application to Grafana Cloud in less than 5 minutes. ## Before you begin - A Grafana Cloud account ([sign up for free](/auth/sign-up/create-user)) - A frontend web application (JavaScript, React, Next.js, or any framework) ## Create a Frontend Observability app 1. In Grafana Cloud, navigate to **Frontend** > **Frontend Apps**. 2. Click **Create new**. 3. Enter: - **App Name**: Your application name - **CORS Allowed Origin**: Your domain (use `localhost` for local development) 4. Click **Create**. ## Instrument your application Copy the instrumentation snippet and paste it in the `` section of your HTML: HTML ![Copy code to clipboard](/media/images/icons/icon-copy-small-2.svg) Copy ```html ``` > Tip > > The snippet is pre-configured with your app key and endpoint. No additional configuration needed. ## View your data 1. Load your application in a browser. 2. Navigate through a few pages or trigger some interactions. 3. Return to **Frontend Apps** in Grafana Cloud. 4. Select your app to see real-time performance data, errors, and user sessions. ## Next steps - [Set up framework-specific instrumentation](/docs/grafana-cloud/monitor-applications/frontend-observability/get-started/) for React, Next.js, or vanilla JavaScript - [Explore performance data](/docs/grafana-cloud/monitor-applications/frontend-observability/visualize-data/performance/) to understand Web Vitals and page load times - [Track errors](/docs/grafana-cloud/monitor-applications/frontend-observability/visualize-data/errors/) with stack traces and source maps - [Instrument custom events](/docs/grafana-cloud/monitor-applications/frontend-observability/instrument/) for deeper insights