React/Node app setup and deploy properly

I have a github repository and at the root direct it has two directories /server and /client.
/server is where the Node code is located, and /client is where the React code is located. I tried to deploy but i got the following error

# Page Not Found

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

[ Back to our site](


If this is your site, and you weren't expecting a 404 for this path, please visit Netlify's ["page not found" support guide]( for troubleshooting tips.

Are there some additional steps I need to take to deploy my app correctly?

You’ve not set any configuration:

I think you need to build your app before publishing it.

So my /client/package.json file looks like this

  "name": "custom-name",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@emotion/react": "^11.9.3",
    "@emotion/styled": "^11.9.3",
    "@mui/icons-material": "^5.8.3",
    "@mui/material": "^5.8.3",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.3.0",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^0.27.2",
    "ethers": "^5.6.8",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-lottie-player": "^1.4.3",
    "react-oauth-popup": "^1.0.5",
    "react-scripts": "5.0.1",
    "use-color-thief": "^1.2.0",
    "web-vitals": "^2.1.4"
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  "proxy": "http://localhost:4000",
  "eslintConfig": {
    "extends": [
  "browserslist": {
    "production": [
      "not dead",
      "not op_mini all"
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"

and my /server/package.json looks like this

  "name": "server",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "server": "nodemon index.js",
    "client": "npm run start --prefix ../client",
    "dev": "concurrently --kill-others-on-fail \"npm run server\" \"npm run client\""
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "nodemon": "^2.0.16"
  "dependencies": {
    "axios": "^0.27.2",
    "body-parser": "^1.20.0",
    "concurrently": "^7.2.1",
    "dotenv": "^16.0.1",
    "express": "^4.18.1",
    "file-type": "^17.1.2",
    "node-fetch": "^2.6.1",
    "read-chunk": "^4.0.2",
    "twitter": "^1.7.1",
    "twitter-api-v2": "^1.12.2"

so what should my build settings be in that case?

base directory: client
build command: npm run build
publish: build

Okay thanks for the help. Now it is successfully deploying. However, there is a 404 error that is getting thrown now, and I believe it has to do with the Router. In the React app I make a call

const response = await fetch(`/nfts?address=${account}`);

but now it is throwing a 404 error. When i tested this code on localhost it doesn’t throw this error. I have set up the proxy attribute "proxy": "http://localhost:4000" in the client/package.json that is in the comment above. Is there some additional things that need to be set for invoking Node endpoints from the React app?

localhost addresses only work on your local machine.

So then I should remove that on a production build? Is there a way to dynamically configure that for dev and production environments?

If you are in the client directory then the npm run build command will only run the react app, and not the node app. How can i run the two simultaneously. I think that’s why the router is not working at the moment.

Hey @etiennelawlor

The node app won’t work here. See

You will need to deploy the server elsewhere, or turn it into a serverless function see

Do note too there are specific requirements for Crypto/NFT as explained by @perry numerous times e.g.

And there is a great explanation from @luke as to why this is the case

I am working on a project that has a React frontend and Node backend. I looked into hosting the project on Netlify , but apparently the Node backend code can’t be run on Netlify . I have seen some developers suggesting to use Heroku to host the backend code. I have seen several examples of this but they all have slightly different steps and configuration. At the moment i have a root project directory with two child directories: /server (where the Node backend code is located) and /client (where the React frontend code is located). Do you have any suggestions of how to properly configure a React/Node app?

You provided your own answer

Deploy the backend to Heroku, and frontend to Netlify. You can then proxy to the backend from the frontend using Netlify’s Static Routing