sentry-integration

Integrate Sentry error tracking and performance monitoring into React apps with Supabase Edge Functions.

70|28|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/AIBiz-Automatyzacje/claude-code-starter --skill sentry-integration-aibiz-automatyzacje
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sentry-integration
Source: https://github.com/AIBiz-Automatyzacje/claude-code-starter/tree/main/.claude/skills/sentry-integration
Command: npx skills add https://github.com/AIBiz-Automatyzacje/claude-code-starter --skill sentry-integration-aibiz-automatyzacje

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @sentry/react, react-router, supabase-js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide for integrating Sentry error tracking and performance monitoring into React applications using Supabase Edge Functions, addressing the need for robust error handling and performance insights.

Core Features & Use Cases

  • Error Tracking: Capture and log errors for effective debugging and issue resolution.
  • Performance Monitoring: Monitor the performance of Edge Functions and identify bottlenecks.
  • Use Case: For a React application using Supabase Edge Functions, this Skill helps in setting up Sentry to track errors and performance metrics, ensuring a smooth user experience and quick issue resolution.

Quick Start

Initialize Sentry in your React application using the provided configuration in the SKILL.md file.

Frequently Asked Questions about sentry-integration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate Sentry error tracking with React and Supabase Edge Functions?

Sentry error tracking integration involves initializing the Sentry SDK in your React application and configuring it to capture errors from Supabase Edge Functions. This Skill provides the configuration steps for robust error handling and performance monitoring.

What is performance monitoring for Supabase Edge Functions?

Performance monitoring tracks the execution speed and identifies bottlenecks within Supabase Edge Functions. Sentry provides tools to measure these performance metrics, helping resolve issues and ensure smooth user experiences.

Do I need the Sentry React SDK to monitor Supabase Edge Functions?

Yes, the Sentry React SDK is required to initialize error tracking and performance monitoring in this setup. The Skill depends on @sentry/react, react-router, and supabase-js to function correctly.

Can I use Sentry for security best practices in a React Supabase environment?

Yes, this integration focuses on security best practices alongside error handling and performance analysis. Sentry captures errors while the provided configuration ensures secure setup within your React and Supabase Edge Functions environment.

What's the best way to capture errors in React applications using Supabase?

The best way to capture errors is by integrating Sentry directly into your React application and Supabase Edge Functions. This setup logs errors effectively for quick debugging and issue resolution.

Why are my Supabase Edge Functions performance bottlenecks not showing in Sentry?

Performance bottlenecks may not appear if Sentry is not properly initialized for Edge Functions. This Skill provides the necessary configuration to monitor performance metrics and identify execution bottlenecks.