Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryanfleck/react-express-heroku-template
Template for quickly spinning up a frontend and backend on Heroku.
https://github.com/ryanfleck/react-express-heroku-template
deployment express heroku react template
Last synced: about 1 month ago
JSON representation
Template for quickly spinning up a frontend and backend on Heroku.
- Host: GitHub
- URL: https://github.com/ryanfleck/react-express-heroku-template
- Owner: RyanFleck
- License: mit
- Created: 2020-06-16T17:35:45.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T09:05:18.000Z (about 2 years ago)
- Last Synced: 2024-11-01T16:03:21.752Z (3 months ago)
- Topics: deployment, express, heroku, react, template
- Language: JavaScript
- Homepage: https://react-n-express.herokuapp.com/
- Size: 541 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# React-Express-Heroku Template
Simple template for quickly spinning up a frontend and backend on Heroku. Utilizes **Sequelize** for Heroku Postgres interaction.
### Stack
1. **React** - Frontend/UI framework
1. **Express** - Backend framework
1. **Sequelize** - Database connection and ORM
1. **Heroku** - Deployment### Usage
Use the template to start a new repository, deploy the application via _Heroku_, and add the _Heroku Postgres_ addon. Once this is done, you can copy the `DATABASE_URL` environment variable from your _Heroku_ env-vars to a local `.env` file.
**The following must be added to the .env file for your development environment to work:**
```
DATABASE_URL=
DEVELOPMENT=True
```After this, you can use the following commands:
```sh
yarn install #Do this in root and frontend folder before beginning development.
yarn develop #Starts Express backend.
cd frontend && yarn start #Starts react app.
```