[FIXED] How should and can deploy my mern application

Issue

Before provide my problem , i'd like to let you know that i am new to developpind web applications and deploy only a couple of projects on Netlify .Besides English is not my native for sure.As for the subject , i developped a mern application which inspired mostly shamahoque projects from github .Our folders tree are the same exactly and i use mongo atlas. I cannot deploy it to Netlify because ive got template.js for MUI server-side rendering on main folder , instead of index.html.When i was searching for this topic , i encountered solutions with docker and nginx but i got barely knowledge about them and not know any roadmap to learn them without youtube tutorials.For conclusion , I really need your help deploying this app on shared hosts like hostinger or at least heroku or netlify. I'd be so grateful for your help.

Solution

Do following:-

1. Seprate the frontend and backend code into two separate github repositories.
2. Deploy the Frontend to Netlify/heroku/vercel.
3. Deploy the backend to Heroku(only heroku support servers)
4. You can set any environment variable using Environment variables in Netlify and config vars in Heroku.

Answered By - Puneet56

Answer Checked By - David Goodson (PHPFixing Volunteer)