Skip to main content

Deploying your API to Vercel

Deploying your Firebase Express SDK application on Vercel is a straightforward process that allows you to quickly make your project accessible to users. Vercel's seamless integration and simple deployment steps make it an excellent choice for hosting your Firebase Express SDK-powered app.

Prerequisites​

Before you begin, ensure you have the following:

• A working Firebase Express SDK application.

• A Vercel account. If you don't have one, you can sign up at vercel.com.

• vercel.json file in the root directory of your project.

{
    "version": 2,
    "builds": [
      {
        "src": "./index.js",
        "use": "@vercel/node"
      }
    ],
    "routes": [
      {
        "src": "/(.*)",
        "headers": {
          "Access-Control-Allow-Credentials": "true",
          "Access-Control-Allow-Origin": "*",
          "Access-Control-Allow-Methods": "GET,OPTIONS,PATCH,DELETE,POST,PUT",
          "Access-Control-Allow-Headers": "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version"
        },
        "dest": "/"
      }
    ]
  }

Deployment Steps​

Follow these steps to deploy your Firebase Express SDK application on Vercel:

  1. Install Vercel CLI (Command Line Interface): If you haven't already, install the Vercel CLI globally using npm or yarn:
npm i -g vercel

  1. Build Your Project: Make sure your Firebase Express SDK project is ready for deployment. Ensure that your package.json includes a valid "start" script that runs your Express app.

  2. Login to Vercel: Open your terminal and run the following command to log in to your Vercel account:

vercel login
  1. Deploy Your Project: Navigate to your project directory in the terminal and run the following command:
vercel

Vercel will guide you through the deployment process. Make sure to select the appropriate settings, such as project name and deployment scope.

  1. Access Your Deployed App: Once the deployment is successful, Vercel will provide you with a URL where your Firebase Express SDK app is hosted. You can access your app through this URL.