The front-end is developed using create-react-app, while the backend is built with express, node.js, and MongoDB. It functions without any issues locally, but after deploying to Heroku, only the backend seems to be working...
index.js
app.use(express.static(path.join(__dirname, 'client', 'build')));
+app.get('/', function(req, res) {
-app.get('/*', function (req, res) {
res.sendFile(path.join(__dirname, 'client', 'build', 'index.html'));
});
});
}
package.json in the server side
"scripts": {
"start": "node index.js",
"heroku-postbuild": "cd client && npm install --only=dev && npm install && npm run build"
},
package.json in the client side
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"proxy": "http://localhost:5000",
Furthermore, my mongoose setup on MongoLab is functioning properly and has been added to Heroku. Interestingly, when pushing to Heroku, everything appears to work seamlessly. The application navigates to the client-side, installs dependencies, and builds the package as expected.