TLDR
Just add /tunnel
or /monitoring
routes to your Next.js middleware matcher ignored list, these routes should be rewritten to Sentry’s service, don’t need to be handled by your Next.js middleware.
Sentry is a popular service used to monitor product errors, which Quotion is also using.
I build Quotion with Vercel Platforms Starter Kit, and Sentry works well with this shiny new technology. However, we encountered an HTTP 405 error on our production, like this:
I checked the Sentry docs, but nothing helped. One day, while searching for something inside the Next.js build output folder .next
, I found that the Sentry /tunnel
API is being used for rewriting to Sentry's API:
That's when I realized why this 405 error was occurring. Vercel Platforms Starter Kit rewrites almost everything to subfolders to create a multi-tenancy platform. Therefore, we need to bypass this special /tunnel
API in the Next.js middleware. Based on my middleware matcher configuration, I only need to change the Sentry configuration to **/api/tunnel**
. For example, this is my middleware configuration:
export const config = {
matcher: [
/*
* Match all paths except for:
* 1. /api/ routes
* 2. /_next/ (Next.js internals)
* 3. /images/ (static images)`
* 4. /_static (inside /public)
* 5. /_vercel (Vercel internals)
* 6. all root files inside /public (e.g. /favicon.ico)
*/
'/((?!api/|_next/|images/|_static|_vercel|[\\w-]+\\.\\w+).*)',
],
};
If you don't want to change the Sentry configuration, you can also add your Sentry API to the matcher RegExp:
export const config = {
matcher: [
// 👇
'/((?!api/|tunnel|_next/|images/|_static|_vercel|[\\w-]+\\.\\w+).*)',
],
};
Engineering
Create your blogs directly from Apple Notes.
Say goodbye to complex CMS updates and management issues!
You focus on creating quality content while Quotion takes care of the rest.
Latest
More from the blog
Qing
Launch your blog from Apple Notes in 4 simple steps
Do you know that you can turn Apple Notes into web pages? With Quotion, it's not only possible, but also surprisingly simple! In this tutorial, I'll walk you through the process of transforming your notes into blog posts using Quotion. TLDR 1. Sign up with Quotion First of all, you'll need a Quotion account.
Read post
Qing
ProductUpdate
Password protection
We're so excited to introduce a highly request feature: password protection! You can protect your whole site with a single password. Your site visitors must enter the password, then they can access all pages until they refresh the page, which will ask them to enter the password again. Demo Check out this live demo: How
Read post
Qing
ProductUpdate
Custom CSS is available in the Lite plan
Previously, custom CSS was only available in the Pro+ plan. Since many of our customers are coming from WordPress, which includes custom CSS in the entry-level plan, they expect Quotion to have a similar feature. Therefore, we have included this feature in the Lite plan to help them migrate to Quotion more smoothly. If
Read post