{"id":24177715,"url":"https://github.com/example-collection/grafana-faro-example","last_synced_at":"2026-06-09T17:31:31.706Z","repository":{"id":186350593,"uuid":"604978310","full_name":"Example-Collection/grafana-faro-example","owner":"Example-Collection","description":null,"archived":false,"fork":false,"pushed_at":"2023-10-22T04:42:29.000Z","size":2379,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-02T17:12:41.963Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Example-Collection.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-02-22T07:21:10.000Z","updated_at":"2023-03-14T06:03:34.000Z","dependencies_parsed_at":null,"dependency_job_id":"29c708ba-7416-4455-b6a4-d5bb4f6366f7","html_url":"https://github.com/Example-Collection/grafana-faro-example","commit_stats":null,"previous_names":["example-collection/grafana-faro-example"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Example-Collection/grafana-faro-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Example-Collection%2Fgrafana-faro-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Example-Collection%2Fgrafana-faro-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Example-Collection%2Fgrafana-faro-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Example-Collection%2Fgrafana-faro-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Example-Collection","download_url":"https://codeload.github.com/Example-Collection/grafana-faro-example/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Example-Collection%2Fgrafana-faro-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34118751,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-09T02:00:06.510Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-13T04:15:49.207Z","updated_at":"2026-06-09T17:31:31.683Z","avatar_url":"https://github.com/Example-Collection.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Grafana Faro Demo with React\n\n- 이 레포지토리는 [Grafana Faro](https://grafana.com/oss/faro/)를 사용해 React application에  \n  observability를 적용하는 예시 코드가 담겨 있습니다.\n\n- [Faro-Web-SDK](https://github.com/grafana/faro-web-sdk)를 사용해 React application으로부터 trace, log, web vital 등을 수집하고 [Grafana Faro](https://grafana.com/oss/faro/)에 전송합니다.\n\n\u003e 현재 시점(2023.03) 기준으로 Grafana Faro는 Grafana Cloud에서 private beta로 제공되고 있습니다.\n\n- 아래는 Grafana Cloud에서 확인할 수 있는 Faro의 Dashboard입니다.\n\n  ![Faro Dashboard](./images/grafana-cloud-faro-dashboard.png)\n  ![Faro Errors](./images/grafana-cloud-faro-errors.png)\n\n- 아래는 Loki에서 확인할 수 있는 로그 입니다.\n\n  ![Loki Error Logs](./images/grafana-cloud-loki-error-log.png)\n\n- 마지막으로 아래는 OpenTelemetry를 통해 서버와의 통신 과정을 distributed tracing으로 Tempo에서 확인한 모습입니다.\n\n  ![Tempo Distributed Tracing](./images/grafana-cloud-tempo.png)\n\n  - 위에서 보여진 서버 3개의 코드는 각각 다음와 같습니다.\n\n    - [fastapi-server-1](https://github.com/Example-Collection/fastapi-server-1)\n    - [fastapi-server-2](https://github.com/Example-Collection/fastapi-server-2)\n    - [fastapi-server-3](https://github.com/Example-Collection/fastapi-server-3)\n\n---\n\n## 실행 방법\n\n- TODO\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexample-collection%2Fgrafana-faro-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fexample-collection%2Fgrafana-faro-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fexample-collection%2Fgrafana-faro-example/lists"}