With Vercel, you can deploy Serverless Functions, which are pieces of code written with backend languages that take an HTTP request and provide a response.
You can use Serverless Functions to handle user authentication, form submission, database queries, custom slack commands, and more.
Deploying Serverless Functions
To deploy Serverless Functions without any additional configuration, you can put files with extensions matching supported languages and exported functions in the /api
directory at your project's root.
/pages/api
directory instead.Read more about API functionality with Next.js.
Then, push to your connected Git repository using a Vercel for Git to receive a deployment automatically.
An Example Node.js Serverless Function
To deploy a serverless Node.js API, provide a main export function like the following, in a .js
file within the /api
directory:
module.exports = (req, res) => { res.json({ body: req.body, query: req.query, cookies: req.cookies, }) }
The above example echoes the body
, path query
, and cookies
, passed with the request object, as a JSON object using helper methods provided through the Request and Response.
Then, all you need to do, to have a live API, is push to your connected Git repository using a Vercel for Git to receive a deployment automatically.
The resulting deployment will contain your Node.js Serverless Function and will provide you with a URL like the following, with your API ready to go: https://node-echo-api.now-examples.now.sh/api/?name=example
More Examples and Supported Languages
For all supported languages, see the Supported Languages for Serverless Functions documentation.
More examples of applications you can deploy paired with Serverless Functions can be found in the Vercel repository on GitHub.
You can get started with many of the Vercel examples by deploying them from the Quickstarts section.
Environment Variables
You can configure Environment Variables for your Serverless Functions directly from Project Settings. Check out the Environment Variables documentation to learn more.
Path Segments
Deploying Serverless Functions with Vercel gives you the ability to use path segments through file names instead of a complex routes file.
Creating a file using any of the supported languages in the /api
directory and wrapping the filename in square brackets, such as [name].js
will provide you with a file that takes a path segment and gives it to the function when requested with a value.
req.query
object under the key used for the file name.When using path segments, any dynamic filename can be used, this is indicated by the use of square brackets. The filename for the path segment is used solely for the purpose of providing a key name for accessing the value on the req.query
object.
For example, creating a name
directory (within /api
) that contains a [name].js
file will allow you to receive the path segment entered when accessing /api/name/your-name
on the req.query.name
object.
The following Node.js example code could then use the path segment in its functionality when requested:
module.exports = (req, res) => { const { query: { name }, } = req res.send(`Hello ${name}!`) }
The resulting deployment can be found here: https://path-segment-with-node.now-examples.now.sh/api/name/world
Execution Timeout
Serverless Functions on Vercel enforce a maximum execution timeout. This means that the function must respond to an incoming HTTP request before the timeout has been reached.
If the Serverless Function does not respond to the HTTP request within the timeout, then a 502
error status code is returned with the error code NO_RESPONSE_FROM_FUNCTION
.
The timeout is determined based on the plan that the Personal Account or Team has enabled when creating the deployment. See the "Serverless Function Duration (Seconds)" section of the General Limits page to see the possible values.
Local Development
Vercel provides an additional command with Vercel CLI to help you develop Serverless Functions locally by replicating the production environment on Vercel with your localhost.
If you have an api
directory like the above examples on this page, you can run the following command to start a local development environment that supports your serverless API and allows you to develop locally, just make sure to install your project's dependencies first with npm install
:
vercel dev
If you would like to override the dev
command, you can do so from the Build & Development Settings of your project.
Using Environment Variables Locally
During local development with vercel dev
, you may wish to provide your application with environment variables. You can find instructions on how to do this in the Environment Variables documentation.
Advanced Usage
For an advanced configuration and structure, you can create a vercel.json
file to use Runtimes and other customizations.
We do, however, recommend using the api
directory to keep things simple for your project.
Technical Details
CPU Calculation
Serverless Functions are allocated CPU power according to the amount of memory configured for them.
For example, with 1,792MB memory configured, a Serverless Function will have the equivalent of one vCPU.
Limits
- Serverless Function Size
- Serverless Function Memory
- Serverless Function Concurrency
- Serverless Function Payload Size Limit
- Serverless Function Duration
Related
For more information on what to do next, we recommend the following articles: