MEVN App Full Deployment Walkthrough! - [MongoDB, Express, Vue, Node.js]

MEVN App Full Deployment Walkthrough! - [MongoDB, Express, Vue, Node.js]

The process of deploying a web application can be complicated! In this video, I walk through the entire process of deploying a MEVN (MongoDB, Express, Vue, Node.js) application onto a VPS (Virtual Private Server) and connecting it to a custom domain.

The process of deploying a web application can be complicated! In this video, I walk through the entire process of deploying a MEVN (MongoDB, Express, Vue, Node.js) application onto a VPS (Virtual Private Server) and connecting it to a custom domain.

The application can be seen @ https://mooncoins.net/

I used Caddy (https://caddyserver.com/) to serve the frontend, and PM2 (https://www.npmjs.com/package/pm2) to manage the backend deployment. I also installed MongoDB from scratch and configured access control to protect the data.


Here is a link to the full video on the DesignCourse Channel: https://www.youtube.com/watch?v=ek50iuo5zkE

Join the Community: 💬 Discord: https://discord.gg/asRqkZdv4S 💻 GitHub: https://github.com/sidpalas/devops-directive 🐥 Twitter: https://twitter.com/sidpalas 👨‍💼 LinkedIn: https://www.linkedin.com/in/sid-palas/ 🌐 Website: https://devopsdirective.com


Timestamps: 00:00 - Intro 00:59 - Process breakdown 01:39 - Clone the repo 02:02 - Replace hardcoded strings with ENV variables 05:20 - Creating DNS Record 06:04 - Add public SSH key to VPS 07:05 - Instal MongoDB 09:15 - Add access control to MongoDB 12:30 - Copy (rsync) application source to VPS 14:31 - Instal Yarn 15:23 - Yarn install dependencies 15:43 - Build frontend (with yarn build) 16:22 - Install Caddy 2 17:51 - Copy frontend files to /var/www/html 18:16 - Configure UFW firewall 19:07 - Modify Caddyfile configuration 21:04 - Test the frontend deployment 21:32 - Install PM2 22:38 - Create non-root node user 23:55 - Configure PM2 and launch backend API 25:52 - Testing the full app! 26:27 - Outro


Community size at time of posting:

  • Subscribers: 9332
  • Channel Views: 218977

mevn mongodb express node.js vue

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How to use MEVN (MongoDB, Express, Vue.js and Node) with MEVN CLI

Learn how to use MEVN (MongoDB, Express, Vue.js and Node) in a very simple clean tool mevn-cli. We'll take a spin with this new CLI tool and use it to scaffold out a Vue.js/Nuxt.js app! MEVN STACK TUTORIAL (MERN STACK KILLER?) // VUE.JS WITH MONGODB, Express, Node AND MEVN CLI

MongoDB, Express, Vue.js 2, Node.js (MEVN) and SocketIO Chat App

The comprehensive tutorial on MongoDB, Express, Vue.js 2, Node.js (MEVN) and SocketIO Chat Application

Node.js Express MongoDB Tutorial

Node.js Express MongoDB Tutorial is CRUD example, I have created to showcase Express web framework, MongoDB NoSQL database, and Node.js server platform.

Hire Top Node JS Developers | Best Node.js Development Company India

Hire dedicated Node JS developers & programmers in India for custom full-stack NodeJS web development projects on hourly/full-time basis. Strict NDA, 16+ years exp & 2500+ clients|450+ Experts

Hire Dedicated Node.js Developers - Hire Node.js Developers

Get business-centric Node.Js development services from expert Node.JS developers. We have expertise in developing & maintaining Node JS apps as per the business requirements.