You can get your Node version by running node -v and you can put the result in "engines" (i.e. I would also recommend providing a field called "engines", where you want to specific the Node version you are using to build your project. "build": "cd client & npm install & npm run build" Then we can tell our Node App how to do that by adding a build script to our server package.json file that builds our React app for production: // server/package.json This code allows our React and Node app to be deployed together on the same domain. This code will first allow Node to access our built React project using the express.static function for static files.Īnd if a GET request comes in that is not handled by our /api route, our server will respond with our React app. Res.sendFile(path.resolve(_dirname, './client/build', 'index.html')) All other GET requests not handled before will return our React app server/index.jsĬonsole.log(`Server listening on $) We'll use Express to create a simple web server for us which runs on port 3001 if no value is given for the environment variable PORT (Heroku will set this value when we deploy our app). In it, we'll place a single file, out of which we'll run our server: index.js. Our server code will live in a folder of the same name: server. This will create a package.json file which will allow us to keep track of all our app scripts and manage any dependencies our Node app needs. To create our Node project, run the following command in your terminal: npm init -y Then, drag that folder into your code editor. Step 1: Create your Node (Express) backendįirst create a folder for your project, called react-node-app (for example).
This is necessary for deploying our application with Heroku.
0 kommentar(er)
