Uploaded February 2026 | Updated September 2026, 1 week ago

---

Join us for a live session with Sergiy Dybskiy, Developer Experience Engineer at Sentry, as he shows us how he built webvitals.com

Chapters
00:00 | Welcome and introduction
01:51 | What is webvitals.com?
04:09 | How webvitals.com works under the hood
05:50 | Educating developers with animations for web vitals
08:14 | Lighthouse vs. CrUX vs. RUM data explained
11:21 | Migrating from AI SDK to durable workflows
13:32 | Workflow architecture and tool calls
16:12 | Observing agents with Sentry tracing and spans
20:01 | Sneak peek: Seer experimental AI agent
22:02 | Instrumenting Sentry in Next.js applications
24:34 | Using the Sentry MCP server
26:49 | Recommended skills for v0 and Next.js
28:05 | Building animations with motion.dev
29:22 | Measuring hard vs. soft navigations
33:10 | Vercel bot protection and troubleshooting Safari
36:47 | Q&A: Optimizing performance and tracking 404s
42:39 | Using the Sentry integration with Vercel
44:04 | Feedback on Vercel AI SDK and Next.js proxy.ts
46:31 | Webvitals.com is open source