Operations | Monitoring | ITSM | DevOps | Cloud

Try Sentry for free: https://sentry.io
Docs: https://docs.sentry.io

Try Sentry for free: https://sentry.io
Docs: https://docs.sentry.io

In this stream, we're going to be building an application together from scratch using ShadCN, AI SDK, and Sentry. Today's goals.

Size Analysis gives you the tools to monitor and reduce the size of your mobile apps. Get specific recommendations on how to make your mobile apps smaller. Upload builds from CI to spot regressions early, understand what's inside each bundle, and keep release artifacts lean.

If you're building a Next.js application that has AI capabilities inside it, Agent Monitoring helps put all the AI context with the rest of the data inside Sentry. Correlating tool call duration with database performance and token consumption helps debug in full-stack context.

Adding additional information to issues captured in Sentry can help you identify and prioritize your most critical issues. Logs and Metrics help build context around the error and understand correlation and causation all in one place due to everything being trace connected.

Session Replay lets you see how your users experienced your Next.js application before a crash happened. Aside from how the user used your app, it also captures the console output of the browser, the network requests, and the memory snapshot, so you get all the information needed to debug the issue. In this video you’ll learn how to use Session Replay and implement it in your Next.js application.

Seer is Sentry's AI Debugging agent that has access to all the context that Sentry pulls together from your applications. Sometimes it shows up predicting bugs before they ship to prod. Sometimes it's catching issues in prod and bringing you the fix. Seer pulls from distributed traces, logs, profiles, stack traces, errors, and your codebase, and helps you find the broken parts of your application and fix them faster.

Setting up Sentry is literally one CLI command. This video walks you through how to create a new Next.js project on Sentry, how to install Sentry into that project, and how to trigger and monitor your first error.

Configuring source maps for your Next.js application with a Sentry project gives you detailed information about where performance issues and errors are triggered in your code, making it faster to debug and resolve issues.