Unable to use Vercel Queues with Nuxt

Help
,
1

We have a nuxt project in which we are trying to integrate vercel queues. However, the documentation on the NPM package does not function correctly and does not allow us to deploy the app. Essentially, we get the following errors:

11:41:25.585 Running build in Washington, D.C., USA (East) – iad1 (Enhanced Build Machine)
11:41:25.586 Build machine configuration: 8 cores, 16 GB
11:41:25.738 Cloning github.com/*****/****** (Branch: feature/yad-599-implement-vercel-queues-for-contact-reservation-sync, Commit: 8f5f5fd)
11:41:26.578 Cloning completed: 840.000ms
11:41:28.572 Restored build cache from previous deployment (8QHcunHvYd6r3XH2h7uGtmKq3s8i)
11:41:28.833 Running "vercel build"
11:41:29.312 Vercel CLI 50.27.1
11:41:29.421 > Detected Turbo. Adjusting default settings...
11:41:29.489 Error: The pattern "server/api/queues/sync-calendar.post.ts" defined in `functions` doesn't match any Serverless Functions inside the `api` directory.
11:41:29.489 Learn More: https://vercel.link/unmatched-function-pattern

This is what our vercel.json looks like

{
  "functions": {
    "server/api/queues/sync-calendar.post.ts": {
      "experimentalTriggers": [
        { "type": "queue/v2beta", "topic": "calendar-sync" }
      ]
    }
  },
  "crons": [
    {
      "path": "/api/cron/admin-sync-tokens",
      "schedule": "0 23 * * *"
    },
    {
      "path": "/api/cron/refresh-lists",
      "schedule": "0 6 * * 1"
    },
    {
      "path": "/api/cron/ensure-default-lists",
      "schedule": "0 6 * * *"
    }
  ],
  "headers": [
    {
      "source": "/(.*)",
      "headers": [
        {
          "key": "X-Frame-Options",
          "value": "DENY"
        },
        {
          "key": "Content-Security-Policy",
          "value": "frame-ancestors 'none';"
        }
      ]
    }
  ]
}

The functions section is set up exactly as described in the documentation here: SDK Reference and here https://www.npmjs.com/package/@vercel/queue

What should we do to enable vercel queues to work with nuxt?

4

Hey @ojpetar, thanks for sharing and for trying out queues.

I’ve raised this with the team, will let you know when I have more information.

5

Hey @mayven - thanks so much for looking into this! Appreciate the support :slight_smile:

6

Hey @mayven - were you able to get any insight into this?

7

Hi Petar,

The error you’re seeing comes from the way Vercel matches function patterns. In Nuxt, API routes are placed under the server/api directory, but Vercel expects them to be exposed under /api/... when building. That’s why the pattern in your vercel.json (server/api/queues/sync-calendar.post.ts) doesn’t match.

A few things to check:

  • File location & naming:
    Make sure your function file is inside server/api/queues/sync-calendar.post.ts (Nuxt convention).
    In vercel.json, reference it as /api/queues/sync-calendar.post.ts instead of server/api/....

  • Functions config:
    Update your vercel.json like this:

    {
  "functions": {
    "api/queues/sync-calendar.post.ts": {
      "experimentalTriggers": [
        { "type": "queue/v2beta", "topic": "calendar-sync" }
      ]
    }
  }
}
8

Hey @ojpetar, thanks for circling back!

I’ve caught up with the team - it doesn’t work yet with Nuxt/Nitro, however, they are actively working on support for this. It will land soon for Nitro v3 (Nuxt v5). I will reach back out when they let me know it’s working :slight_smile:

Appreciate your patience!

1 Like