,

Host a MERN App for Free on Vercel

Posted by






Deploy MERN App on Vercel for Free

Deploy MERN App on Vercel for Free

If you have built a MERN (MongoDB, Express, React, Node) stack application and now want to deploy it, Vercel is a great option to consider. Vercel offers a free plan that allows you to deploy your MERN app with ease.

Step 1: Sign up for Vercel

First, you need to sign up for a Vercel account. You can do this by visiting the Vercel website and following the sign-up process, which is straightforward and only takes a few minutes.

Step 2: Install Vercel CLI

Once you have signed up for Vercel, you will need to install the Vercel CLI (Command Line Interface) on your computer. This can be done using npm by running the following command in your terminal:

npm install -g vercel

Step 3: Deploy your MERN App

After installing the Vercel CLI, navigate to your MERN app’s root directory in your terminal and run the following command to deploy your app to Vercel:

vercel

Step 4: Set Environment Variables

If your MERN app has any environment variables, such as database connection strings, API keys, or any other sensitive information, you will need to set these in the Vercel dashboard. You can do this by navigating to your project in the Vercel dashboard and accessing the “Environment Variables” section.

Step 5: Enjoy your deployed MERN App

Once you have completed the previous steps, your MERN app should now be deployed and live on Vercel. You can access it by visiting the URL provided by Vercel, and your app will be up and running for free!

Deploying a MERN app on Vercel is a simple and efficient process, and with the free plan, you can enjoy the benefits of Vercel’s powerful hosting platform without any cost.


0 0 votes
Article Rating
18 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Bilal Rasheed
1 year ago

Bro its not able to set cookies in frontend even though i've coded cookie options like httponly,secure,domain,expires,,samesite
But i was able to set cookiies on local dev but after deploying same backend to vercel it was unable to set cookies

pleasure V&P
1 year ago

Server sahi run kara raha hai apna url per but frontend ma in promise error awa raha hai bro

pleasure V&P
1 year ago

In promise error awa raha hai

pleasure V&P
1 year ago

In promise eroor

Sidhant Dhyani
1 year ago

Thanks buddy this one helped a lot…..keep up the good work.

Rakesh Kumar Parida
1 year ago

I have a mern stack blog app. I have also deployed apps on vercel. I won't recommend vercel if you are verifying user by sending email . It will not work because Vercel blocks SMTP service which cause to not getting email in production.

511 Sanjeev Thalod
1 year ago

bro, thunderclient p request run nhi kr rhi

Vivek Mittal
1 year ago

hbs me index wali file h, to kaise deploy krenge …?

7X SHROUD 69
1 year ago

sir i need help pls reply

Basit Imtiaz
1 year ago

you did not ceate vercel.json file in frontend???why

Anjan Prasad
1 year ago

bro im getting cors error how to resolve?

Ratnesh Kumar
1 year ago

Getting this
404: NOT_FOUND

Code: NOT_FOUND

ID: bom1::q79cl-1684097237553-1878af416139
How to resolve this

Review store
1 year ago

Mern e-commerce website ko live kaise kre with hostinger, can anyone please tell me i really really need it

StonedDriver69
1 year ago

Frontend host krne se pehle npm run build krna zruri nhi hai kya?

Saurabh Yadav
1 year ago

heruko mei 6 month tk rehta h… vercel m kitne time tak rehta h ??

Karan Jangid
1 year ago

I am getting error 404 not found after deployment

Lovely Music
1 year ago

Sir please upload advance react JS course

Lovely Music
1 year ago

Sir when remaining react JS course is coming any idea sir?