Ways to extend the timeout duration for Vercel Serverless functions

Question

Ways to extend the timeout duration for Vercel Serverless functions

I've encountered an issue with my API endpoint on a NextJS project where it exceeds the 60-second time limit to execute. Despite being on a pro Vercel plan, I have been unable to extend the timeout limit successfully.

Within the endpoint itself, I attempted to modify the settings using:

export const maxDuration = 300
export const dynamic = 'force-dynamic'

However, this change did not yield the desired results. I also experimented with adding a vercel.json file at the root level (above /src) like this:

{
    "functions": {
        "pages/api/**": {
            "memory": 3008,
            "maxDuration": 300
        },
    }
}

Despite these efforts, the problem persists. I have carefully reviewed the documentation (primarily referenced here) and various discussions (like this one), but none have provided a solution.

The current setup includes NextJs version 13.5.6, confirmed pro plan status, and Node v18. I'm struggling to identify the error in my approach. Any suggestions or guidance would be greatly appreciated.

javascript next.js timeout serverless vercel

Answer 1

Answer №1

Your implementation appears to be a combination of the Pages Router approach and the App Router method. Consider following this example to ensure consistency:

Using Pages Router (

/pages/api/my-function/handler.ts

):

export const config = {
  maxDuration: 5, // 5 seconds
};

export default function handler(
  request: NextApiRequest,
  response: NextApiResponse,
) {
  response.status(200).json({});
}

Using App Router (/app/api/my-function/route.ts):

export const maxDuration = 5; // 5 seconds
export const dynamic = 'force-dynamic';

export function GET(request: Request) {
  return new Response('{}', { status: 200 });
}

To adjust the maximum duration of a function project-wide on Vercel using the App Router, modify the vercel.json file:

{
  "functions": {
    "app/api/**/*": {
      "maxDuration": 5
    }
  }
}

For more information on these configurations, refer to the official documentation.

Answer 2

Your implementation appears to be a combination of the Pages Router approach and the App Router method. Consider following this example to ensure consistency:

Using Pages Router (

/pages/api/my-function/handler.ts

):

export const config = {
  maxDuration: 5, // 5 seconds
};

export default function handler(
  request: NextApiRequest,
  response: NextApiResponse,
) {
  response.status(200).json({});
}

Using App Router (/app/api/my-function/route.ts):

export const maxDuration = 5; // 5 seconds
export const dynamic = 'force-dynamic';

export function GET(request: Request) {
  return new Response('{}', { status: 200 });
}

To adjust the maximum duration of a function project-wide on Vercel using the App Router, modify the vercel.json file:

{
  "functions": {
    "app/api/**/*": {
      "maxDuration": 5
    }
  }
}

For more information on these configurations, refer to the official documentation.

Ways to extend the timeout duration for Vercel Serverless functions

Answer №1

Similar questions

What is the best way to use JavaScript to fill in missing images with alternative HTML content?

Arranging items by their total sum of arrays in React.js

NextJS's conversion of HTML to image is malfunctioning, resulting in the download of the identical reference

Guide to dynamically rendering Material-UI dialogs based on certain conditions

The undead browser refuses to display a window upon attempting to open using the open function

TS2345: The argument provided, which is of type 'Event', cannot be assigned to the parameter expected, which is of type 'HtmlInputEvent'

Javascript continues to conceal my web background without my permission

The mongoose library requires JSON input, yet it is unable to generate a dynamic JSON object from a Node

What is the best way to identify the specific row and column that was clicked within a jQuery datatable

Using the method window.open() will launch a new window instead of opening a new tab

Preventing the $_POST action value from being altered to match the ajax page path

Modifying the .textcontent attribute to showcase an image using JavaScript

next.js not receiving the necessary environmental variables for injection

The res.sendFile() function quickly delivers a 204 no content response

Guide on sending JSON data to a server and receiving JSON/XML in response with JSP

Embedded URL in dynamically created AJAX text

Using React to retrieve an object from a helper method through a GET request

Automatically populate email fields with pre-filled form data

interactive division element

React useState Error: Exceeded maximum re-renders. React enforces a limit on the number of renders to avoid getting stuck in an endless loop