https://github.com/rajascript/node-react-heroku-boilerplate
Boilerplate code for getting started on a node(backend), react(frontend) and Heroku(deployment).
https://github.com/rajascript/node-react-heroku-boilerplate
create-react-app express heroku nodejs react reactjs sass
Last synced: about 2 months ago
JSON representation
Boilerplate code for getting started on a node(backend), react(frontend) and Heroku(deployment).
- Host: GitHub
- URL: https://github.com/rajascript/node-react-heroku-boilerplate
- Owner: rajascript
- Created: 2018-04-21T16:36:06.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-22T08:11:29.000Z (about 8 years ago)
- Last Synced: 2025-05-13T20:41:54.631Z (about 1 year ago)
- Topics: create-react-app, express, heroku, nodejs, react, reactjs, sass
- Language: JavaScript
- Size: 5.49 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# node-react-heroku-Boilerplate
Boilerplate code for getting started on a node(backend), react(frontend) and Heroku(deployment).
# Node-react+sass-heroku is available on sass branch.
# Node-react+sass+redux-heroku is available on redux branch.
## Setup
* concurrently package to run node and client server together.
* heroku postbuild script to build react client side to the public directory.
* dev and prod keys. availaible in config directory.
* proxy in ./client/package.json to proxy localhost:3000 requests to localhost:5000.
## Downloading/cloning and installing dependencies directions.
* download/clone repository.
* open terminal.
* go to repo location, inside terminal window.
* start typing.
```
cd client
npm i //install client dependencies.
cd ..
npm i //install server dependencies.
```
## Running server and client concurrently
```
//inside repo directory run this command on terminal.
npm run dev
//open localhost:3000 in browser.
```
## Running server only
```
//inside repo directory run this command on terminal.
npm run server
//open localhost:5000 in browser.
```
## Running client only
```
//inside repo directory run this command on terminal.
npm run client
//open localhost:3000 in browser.
```