Skip to content

borisding/express-react-app

Repository files navigation

express-react-app

You may only need this if:

  • you want to build Single Page Application (SPA) in React, with client side rendering solution;
  • you want to use Express framework as web server and also for APIs development.

Requirement

Please make sure your machine has met the following requirements before you start:

Dependency Version
Node >= v12.13.0
NPM >= v6.12.0

Quick Start

# cloning git repository into `my-project` folder
git clone --depth=1 https://github.com/borisding/express-react-app.git my-project

# install project dependencies
cd my-project && npm install

ii) Running app

For development:

npm run dev

In development mode, APIs are called via configured proxy under webpack's devServer option.

For production:

Copy .env.development to ./config folder as .env for production usage:

cp config/.env.development config/.env

Change environment variables in .env to serve your app.

npm run build && npm start

For test:

npm test

Please find out more available scripts in package.json file.

Environment Variables

dotenv and dotenv-expand packages are used in conjunction with webpack.DefinePlugin plugin for managing environment variables. The entire logic can be found in ./env.config.js file. The .env file is named and loaded based on the defined process.env.NODE_ENV value:

File name NODE_ENV In Source Control
.env.test test Yes
.env.development development Yes
.env production No (Need to create new)

License

MIT

About

React app starter, powered by Express as backend server.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages