{"id":20390459,"url":"https://github.com/checkly/checkly-otel-test-app","last_synced_at":"2025-09-24T00:32:10.471Z","repository":{"id":246190233,"uuid":"732977744","full_name":"checkly/checkly-otel-test-app","owner":"checkly","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-26T10:18:03.000Z","size":143,"stargazers_count":0,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-15T02:29:26.695Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://otel-test-app.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/checkly.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-18T09:40:39.000Z","updated_at":"2024-06-26T10:18:07.000Z","dependencies_parsed_at":"2024-06-26T11:45:37.927Z","dependency_job_id":"e6bb1a6f-840e-4140-844d-53af0a1feeec","html_url":"https://github.com/checkly/checkly-otel-test-app","commit_stats":null,"previous_names":["checkly/checkly-otel-test-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/checkly%2Fcheckly-otel-test-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/checkly%2Fcheckly-otel-test-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/checkly%2Fcheckly-otel-test-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/checkly%2Fcheckly-otel-test-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/checkly","download_url":"https://codeload.github.com/checkly/checkly-otel-test-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234017710,"owners_count":18766566,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":"2024-11-15T03:24:59.908Z","updated_at":"2025-09-24T00:32:05.080Z","avatar_url":"https://github.com/checkly.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# OpenTelemetry Test App\n\nThis is a small Next.js app used for testing and demoing the Checkly OpenTelemetry integration. It randomly throws errors, \nso we can get some traces quickly. Have a look at the `app/page.tsx` file to see how it does this.\nThis demo repo already comes with the necessary instrumentation code. You can find it in `instrumentation.ts`.\n\n## Deploying and Sending traces\n\n1. Deploy this app to a personal / Hobby Vercel by clicking the button below.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fcheckly%2Fcheckly-otel-test-app)\n\n2. Enable OTel and create an OTel API key in the Checkly app [as per our own docs](https://www.checklyhq.com/docs/open-telemetry/instrumenting-code/nextjs/#step-3-start-your-app-with-the-instrumentation).\n\n3. Add the following environment variables to your Vercel project settings. also as per the docs.\n\n    - `OTEL_EXPORTER_OTLP_HEADERS=\"authorization=\u003cotel-api-key\u003e\"`\n    - `OTEL_EXPORTER_OTLP_ENDPOINT=https://otel.eu-west-1.checklyhq.com`\n\n    You might need to redeploy your Vercel deployment after adding these environment variables.\n\n4. Create a check targeting the Vercel deployment URL. A check is provided in the `__checks__` folder, just tweak the URL:\n\n    ```ts\n    import { test, expect } from '@playwright/test'\n      test('Custom Browser Check', async ({ page }) =\u003e {\n      const response = await page.goto('MY_VERCEL_DEPLOYMENT_URL') // \u003c- Change this\n      expect(response?.status()).toBeLessThan(400)\n    })\n   ```\n   Run the regular `npx checkly test` and `npx checkly deploy` to create and deploy the check.\n\n5. Now, with each check run, you should see traces in your Checkly account as part of the check result. This works for\ntest sessions, monitoring checks and adhoc results in the editor.\n\n\n## Development\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcheckly%2Fcheckly-otel-test-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcheckly%2Fcheckly-otel-test-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcheckly%2Fcheckly-otel-test-app/lists"}