This project was created to give you a starting point for your next react, redux, node, express based web application. It comes with a few items pre-configured like view changing, a loading spinner, and a sample fetch redux action.
- Install Node.js https://nodejs.org
- Install nodemon
npm install --save nodemon(if you wish not to use nodemon change the runlocalserver script to call npm start in place of nodemon start)
- From root directory run npm install
- From root/client directory run npm install ** (Note: react loader calls for older versions of react in the npm install process. That library works fine with v16 in this template so please disregard.)
First step is to start the server. The server will launch on port 3000. Next change directory into the client folder and run the start command below. The application was configured to use a proxy in the package.json file so the react client proxies service calls to port 3000 and the client can run on any port.
macOS/Unix/Linux : ./runlocalserver.sh
Windows : ./runlocalserver.bat
cd client
npm startFrom the client folder run the following command:
npm run buildThis will produce static artifacts in the client/build folder. Once the command finishes copy and paste the files (overwrite if they exist) in the public folder in the root of the project. Node/Express has been configured to host static files from the public folder so once those artifacts have been copied you can deploy the root folder and test your entire application on port 3000.
The application has been templated for use with bootstrap 4: http://getbootstrap.com and a default CSS theme of materia found here: https://bootswatch.com. You can change this application to any bootswatch free theme by updating the name of the theme (for example change materia to lux) in the client/public/index.html file.
<link rel="stylesheet" href="https://bootswatch.com/4/materia/bootstrap.min.css" />