sentry-tanstack-start-sdk

Integrate Sentry error monitoring, tracing, and session replay into TanStack Start applications.

Updated Jun 4, 2026
One-click install
npx skills add https://github.com/achmf/KostaHub --skill sentry-tanstack-start-sdk-achmf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sentry-tanstack-start-sdk
Source: https://github.com/achmf/KostaHub/tree/main/.agents/skills/sentry-tanstack-start-sdk
Command: npx skills add https://github.com/achmf/KostaHub --skill sentry-tanstack-start-sdk-achmf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the complexity of manually instrumenting TanStack Start applications for error monitoring, performance tracing, and session replay, ensuring full-stack visibility across browser and server runtimes.

Core Features & Use Cases

  • Full-Stack Observability: Automatically captures errors and performance traces for both client-side React and server-side Node.js runtimes.
  • Session Replay: Provides visual reproduction of user-facing bugs to accelerate debugging and UX improvements.
  • Use Case: When a user encounters a runtime error in a TanStack Start application, this Skill ensures the error is captured with full stack traces, associated server-side logs, and a replay of the user's actions leading up to the failure.

Quick Start

Invoke the sentry-tanstack-start-sdk to automatically detect your project structure and guide you through the installation and configuration of Sentry for your TanStack Start application.

Frequently Asked Questions about sentry-tanstack-start-sdk

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

FAQPage Schema
How do I add Sentry error monitoring to a TanStack Start application?

To add Sentry error monitoring to a TanStack Start application, you need to instrument both browser and server runtimes. This integration automatically captures runtime errors, performance traces, and session replays across your full-stack React application.

Does Sentry support full-stack observability for TanStack Start server and client runtimes?

Sentry supports full-stack observability for TanStack Start by capturing errors and performance traces across both client-side React and server-side Node.js runtimes, including middleware and fetch instrumentation, ensuring complete visibility.

Can I capture session replays for user-facing bugs in a TanStack Start app?

You can capture session replays in a TanStack Start app by integrating Sentry session replay features. This provides visual reproduction of user actions leading up to runtime failures, accelerating debugging and UX improvements.

What is the best way to correlate server-side logs with client-side errors in TanStack Start?

The best way to correlate server-side logs with client-side errors in TanStack Start is through structured log correlation provided by Sentry instrumentation. It links full stack traces with associated server-side logs for comprehensive debugging.

How do I configure automated source map uploads for TanStack Start tracing?

Automated source map uploads for TanStack Start tracing are configured during the Sentry SDK setup process. This ensures that captured errors and performance traces map correctly to your original source code for accurate debugging.