Hello, I have a dilemma with my Next.js project. If I build it, the connection to the backend breaks, which is not ideal. When I try to launch on Heroku using npm run build, everything works fine except for the backend connectivity issue...
Below is an excerpt from my package.json:
{
...
"scripts": {
"f": "next dev",
"backend": "cd backend && npm run s --prefix backend",
"build": "next build",
"start": "next start",
"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix backend && npm run build"
},
...
...
"engines": {
"node": "14.x",
"npm": "7.16.0"
}
In my project structure, I have the following setup:
Next.js project > backend folder > backend filesRemoving "npm run build" from the heroku-postbuild scripts causes the website to stop displaying the client side and instead shows an error message prompting me to check the logs...
I've hosted many websites on an Nginx VPS running Node.js projects successfully in the past, but for this particular site, I didn't want to incur the VPS fees hence trying to deploy on Heroku.
Do you think there's a workaround to address this issue?
Some relevant details:
- I'm using a Mac
- Installed Heroku via brew in the terminal
- Ran buildpacks for Heroku/Node.js
- Followed Git instructions accurately
- The port for my backend is set to 5001
- Attempting to access the website-url:5001/graphql results in an error... and yes, I have updated all URLs accordingly