Monitor Database Queries in Next.js Apps with Sentry
2.6 هزار بار بازدید -
4 ماه پیش
-
@Sentry-monitoring Next.js
@Sentry-monitoring Next.js SDK[0] enables automatic reporting of errors and performance data. In combination with the Supabase Sentry Integration[1] you can additionally trace slow queries and capture database errors.
Presented by Thor Schaeff (@thorwebdev https://go.thor.bio/x)
[0] https://supabase.link/sentry-nextjs
[1] https://supabase.link/sentry-integration
CHAPTERS:
00:00 Intro
00:03 Supabase Sentry Integration
00:20 Intro to Sentry
00:55 Create a new Sentry Project
01:29 Configure Sentry in Next.js
03:07 Inspecting the Sentry setup for Next.js
04:13 Sentry client vs server config in Next.js
04:28 Install and add the Supabase Sentry integration
06:42 Browser client vs. server vs. edge/middleware client
07:48 Deduplicating spans in Sentry
11:13 Build and test the app locally
13:44 Trigger and inspect an exception
14:28 Explore the Sentry Dashboard
15:12 Inspect Database Queries in Sentry
18:55 Recap: adding Supabase monitoring to Sentry
19:17 Monitor Supabase Edge Functions with Sentry Deno SDK
💻 Videos to watch next:
▶ The Right Way to do Auth with the Nex...
▶ Fastest way to build a SaaS in 2024 -...
▶ FASTEST way to get started with Next....
👇 Learn more about Supabase 👇
🕸 Website: https://supabase.com/
🏁 Get started: https://app.supabase.com/
📄 Docs: https://supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: @supabase
📱 Connect with Us:
🐙 Github: https://www.github.com/supabase
💬 Discord: https://www.discord.supabase.com/
🐦 Twitter: Twitter: supabase
▶ Instagram (follow for memes): Instagram: supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools #nextjs14 #sentry
Presented by Thor Schaeff (@thorwebdev https://go.thor.bio/x)
[0] https://supabase.link/sentry-nextjs
[1] https://supabase.link/sentry-integration
CHAPTERS:
00:00 Intro
00:03 Supabase Sentry Integration
00:20 Intro to Sentry
00:55 Create a new Sentry Project
01:29 Configure Sentry in Next.js
03:07 Inspecting the Sentry setup for Next.js
04:13 Sentry client vs server config in Next.js
04:28 Install and add the Supabase Sentry integration
06:42 Browser client vs. server vs. edge/middleware client
07:48 Deduplicating spans in Sentry
11:13 Build and test the app locally
13:44 Trigger and inspect an exception
14:28 Explore the Sentry Dashboard
15:12 Inspect Database Queries in Sentry
18:55 Recap: adding Supabase monitoring to Sentry
19:17 Monitor Supabase Edge Functions with Sentry Deno SDK
💻 Videos to watch next:
▶ The Right Way to do Auth with the Nex...
▶ Fastest way to build a SaaS in 2024 -...
▶ FASTEST way to get started with Next....
👇 Learn more about Supabase 👇
🕸 Website: https://supabase.com/
🏁 Get started: https://app.supabase.com/
📄 Docs: https://supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: @supabase
📱 Connect with Us:
🐙 Github: https://www.github.com/supabase
💬 Discord: https://www.discord.supabase.com/
🐦 Twitter: Twitter: supabase
▶ Instagram (follow for memes): Instagram: supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools #nextjs14 #sentry
4 ماه پیش
در تاریخ 1403/02/05 منتشر شده
است.
2,673
بـار بازدید شده