How to add Sentry error tracking to a Webflow Cloud app and stop flying blind in production
Blog post from Webflow
Integrating Sentry for error tracking on Webflow Cloud involves a specific setup process that caters to both Next.js and Astro frameworks, with a critical requirement of setting a compatibility date of 2025-08-16 or later in the wrangler.jsonc file to ensure error events are properly captured. The process includes installing the correct Sentry SDKs, configuring them to use environment variables rather than hardcoded values, and securely storing the DSN in Webflow Cloud's environment variable dashboard. A live Webflow Cloud deployment is needed, and the setup also requires a Sentry account, GitHub access, and Node.js 20.0.0+ as prerequisites. Once configured, the system allows for effective error tracking, with additional features like source maps and performance monitoring recommended for a comprehensive setup. The setup ensures that errors from client-side, server-side, and edge runtimes are tracked, providing a robust error management solution for applications deployed on Webflow Cloud.