DEV Community

Cover image for Deploying a PERN Full-Stack CRUD App with Vercel: Hosting and Integration Made Easy!
Jonathan Fetterolf
Jonathan Fetterolf

Posted on

Deploying a PERN Full-Stack CRUD App with Vercel: Hosting and Integration Made Easy!

GitHub | LinkedIn | Twitter


Over the past few weeks, I’ve been working to create a PERN full-stack CRUD application. I wanted to share it with others and make it available for friends, family, and colleagues to check out. So, I started looking into options to host my application.


I chose to deploy my application on Vercel with the hobby plan for a few reasons. First and foremost, Vercel is incredibly easy to use. Its user-friendly interface and streamlined deployment process made it a great fit for me, as I didn't want to deal with complex hosting setups. Additionally, the hobby plan offered a free tier, which was perfect for hosting my personal project. Lastly, Vercel's seamless integration with Git repositories, especially GitHub, allowed me to set up automatic deployments whenever I pushed changes to my repository, saving me time and effort.


Vercel Logo


Deploying my project on Vercel was a breeze since my code was already on GitHub. All I had to do was import my Git repository to Vercel. I went to the Vercel dashboard, clicked on the "New Project" button, and selected the "GitHub" option. After authorizing Vercel to access my GitHub account, I chose the repository I wanted to deploy. With a few configurations, like selecting the branch to deploy and setting up build options, my application was automatically deployed whenever I made new changes to the selected branch.


Besides the GitHub integration, Vercel offers other deployment methods too. These options include Vercel CLI which allows the user to deploy directly from their local development environment. Another option is deploy hooks which are unique URLs that trigger deployments when accessed. The final option is a deployment via a RESTful API which allows the user to create Deployments by making an HTTP POST request.


Vercel provided me with an excellent hosting solution for my PERN full-stack CRUD application. Its ease of use, free hobby plan, and seamless Git integration made the deployment process smooth and hassle-free. Whether deploying via GitHub, using the CLI, deploy hooks, or the REST API, Vercel offered flexibility and efficiency in hosting my web application.


In my upcoming post, I’ll walk you through the process of hosting my PostgreSQL database and integrating it with this application on Vercel. This follow-up post will be the last step of deploying a full-stack application with a backend database.


Want to Follow Along?

GitHub | LinkedIn | Twitter

Top comments (0)