Vercel is a popular cloud platform that is known for its excellent support in building and deploying scalable Frontend infrastructure. In this article, we will look into how to deploy an Express.js web Application to Vercel. We will use the Serverless computing feature of Vercel to deploy our express.js application.

Prerequisites

Approach to deploy Express App to vercel

Deploying Express Application to Vercel

Step 1: Create a folder for the project and deployment

mkdir deploy_expressjs_vercel
cd deploy_expressjs_vercel
Step 2: Initialized the express application and install express
npm init -y
npm i express
Project Structure
Project structure
The updated dependencies in package.json file will look like : 
"dependencies": {
    "express": "^4.18.2"
}
Step 3: Create a folder structure similar to instructed and add the following files in respective directories.
JavaScript
Note:
In Vercel, we don’t need to call the listen() of express to listen for incoming requests, everything will be internally run by Vercel serverless functions, so we just need to export our express.
You don’t need to add the below line in the server.js to host the public files from express, vercel will take care of it.
app.use(express.static("public")) 

The vercel.json redirect every source request to “/api” serverless function where our express is actually exported.
Step 4: Install Vercel CLI & Login
npm install --global vercel
vercel login
vercel whoami
Step 5: Deploy Express App to Vercel by running the following command.
vercel
Incase you need to redeploy after making changes use the vercel command with prod flag.
vercel --prod
Output: Now run the deployed link on the browser.




    

final output
                
Deploy Serverless Express Application to Vercel
                
Vercel is a serverless cloud-based hosting solution to host front-end and serverless applications. Express is a Node.JS framework and deploying serverless express application aids cost-cutting to nearly zero. Although the traditional way of deploying to the server is expensive and there is a limit on API calls plus you may need backend developers w
                
How to deploy MERN application on Vercel ?
                
Vercel is a platform that caters to front-end developers by providing fast and dependable infrastructure to support the creation of innovative designs. With their services, teams can efficiently develop, preview, and deploy user-friendly interfaces. They offer support for over 35 front-end frameworks and seamlessly integrate with various headless c
                
How to Deploy Next.js App to Vercel ?
                
Introduction: Vercel is a deployment tool used by frontend developers to instantly deploy and host web applications without knowing complex configurations. Features of Vercel:Easy to use and has a lifetime free tier service which is beneficial for beginners who want to deploy their side-project with minimal support.Can create an account using GitHu
                
How to Deploy Node Backend on Vercel ?
                
Deploying a Node app on Vercel is really easy. You just need to run a few commands in your computer's command prompt. Vercel works well with Git, so whenever you make changes to your code and push them to your Git repository, Vercel automatically updates your deployed app. Vercel also makes sure your app runs fast and can handle lots of users witho
                
How to Deploy Node.js Express Application on Render ?
                
Deploying a Node.js Express application on Render is straightforward and involves a few key steps to set up your project, configure deployment settings, and manage your application on the Render platform. Render provides an easy-to-use platform for deploying applications, offering features like automatic SSL, scaling, and seamless deployments from
                
Next.js on Vercel
                
In this article, we are going to see the features and benefits of choosing vercel for our nextjs app and How we can export our NextJs app in vercel. Benefits of Vercel: Vercel is specially made for NextJs apps by the creators of NextJs because of which it has many benefits and features including:- SSR Support: In vercel you can server-side render a
                
How to Host HTML, CSS & JavaScript Website on Vercel ?
                
In this article, we will host HTML, CSS & JavaScript Websites on Vercel. Every web developer wants to not only create a website but also host it properly, ensuring that visitors and others have a problem-free experience while visiting your website and with Vercel you can seamlessly host your website with all functionality. Vercel not only hosts
                
How to Host ReactJS Websites on Vercel with Environment Variables ?
                
In this article, we will learn how to host our ReactJs projects on Vercel and use Environment Variables in this tutorial. Vercel is a platform for developers to deploy and host their projects online, where they can showcase their skills to others. What is an Environment Variable? We conceal API keys, database linkages, and other crucial information
                
How-to Integrate Plausible Analytics With Next.js and Vercel?
                
Adding basic analytics to your website or your application is a critical way to gauge the performance and even detect some usability issues through the lifespan of your app. In this tutorial, we will learn how to create a basic Nextjs application integrated with Plausible and deploy it on Vercel. Here is a quick preview of what we will be building.
                
How to Fix CORS Errors in Next.js and Vercel?
                
Cross-Origin Resource Sharing (CORS) is a security feature that restricts web apps from making requests to a different domain than the one that served the web page to it. This is needed for security, although sometimes it can block legitimate requests, especially when working with APIs. In this article, we will learn fixing the CORS errors in the N
          
Company
About Us
Legal
In Media
Contact Us
Advertise with us
GFG Corporate Solution
Placement Training Program
Explore
Hack-A-Thons
GfG Weekly Contest
DSA in JAVA/C++
Master System Design
Master CP
GeeksforGeeks Videos
Geeks Community
Languages
Python
Java
C++
PHP
GoLang
SQL
R Language
Android Tutorial
Tutorials Archive
DSA
Data Structures
Algorithms
DSA for Beginners
Basic DSA Problems
DSA Roadmap
Top 100 DSA Interview Problems
DSA Roadmap by Sandeep Jain
All Cheat Sheets
Data Science & ML
Data Science With Python
Data Science For Beginner
Machine Learning Tutorial
ML Maths
Data Visualisation Tutorial
Pandas Tutorial
NumPy Tutorial
NLP Tutorial
Deep Learning Tutorial
HTML & CSS
HTML
CSS
Web Templates
CSS Frameworks
Bootstrap
Tailwind CSS
SASS
LESS
Web Design
Python Tutorial
Python Programming Examples
Python Projects
Python Tkinter
Web Scraping
OpenCV Tutorial
Python Interview Question
Django
Computer Science
Operating Systems
Computer Network
Database Management System
Software Engineering
Digital Logic Design
Engineering Maths
DevOps
Git
AWS
Docker
Kubernetes
Azure
GCP
DevOps Roadmap
Competitive Programming
Top DS or Algo for CP
Top 50 Tree
Top 50 Graph
Top 50 Array
Top 50 String
Top 50 DP
Top 15 Websites for CP
System Design
High Level Design
Low Level Design
UML Diagrams
Interview Guide
Design Patterns
OOAD
System Design Bootcamp
Interview Questions
JavaScript
JavaScript Examples
TypeScript
ReactJS
NextJS
AngularJS
NodeJS
Lodash
Web Browser
Preparation Corner
Company-Wise Recruitment Process
Resume Templates
Aptitude Preparation
Puzzles
Company-Wise Preparation
School Subjects
Mathematics
Physics
Chemistry
Biology
Social Science
English Grammar
World GK
Management & Finance
Management
HR Management
Finance
Organisational Behaviour
Marketing
Free Online Tools
Typing Test
Image Editor
Code Formatters
Code Converters
Currency Converter
Random Number Generator
Random Password Generator
More Tutorials
Software Development
Software Testing
Product Management
SEO - Search Engine Optimization
Linux
Excel
All Cheatsheets
GeeksforGeeks Videos
DSA
Python
Java
C++
Web Development
Data Science
CS Subjects
         
        We use cookies to ensure you have the best browsing experience on our website. By using our site, you
        acknowledge that you have read and understood our
        Cookie Policy &
        Privacy Policy
        Got It !
                    
Please go through our recently updated Improvement Guidelines before submitting any improvements.
                    
This article is being improved by another user right now. You can suggest the changes for now and it will be under the article's discussion tab.
                    
You will be notified via email once the article is available for improvement.
                        Thank you for your valuable feedback!
                        Suggest changes
                  
Please go through our recently updated Improvement Guidelines before submitting any improvements.
                      
Suggest Changes
                      
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.