In this video you will learn about deploying your backend and fronted both on different servers which is render.com and vercel.com

Deployed link : https://vicharlikhita.vercel.app/

This is my way of doing things if you have any other ways you share it in the comment section below.

Deploy your Full Stack Application in just 19 minutes

Backend Deployment 🚩

Step 1 : Connect mongoDB Atlas as a database
Step 2 : Create .env file and add environment variables
Step 3 : Push your code to Github
Step 4 : Deploy your backend to render.com

Fronted Deployment 🚩

You can use CLI (Command line interface) or Graphical user interface to deploy your react.js application

🎓Useful Links
Deploy backend on https://render.com/
Deploy fronted on https://vercel.com/

Chapters
00:00 Intro to deployment
00:28 Folder structure explanation
01:20 Connect to Database to Mongo Atlas
04:00 Create .env file
07:25 push code to github
08:51 Deploy backend on render
11:14 Check if fronted is working with deployed backend
14:20 Deploy fronted on vercel
17:22 Redeploy backend when code is updated
18:19 Redeploy fronted when code is updated
19:00 Highlighting comments

Please do not forget to subscribe to my YouTube channel ‪@SumansAcademy‬