Skip to content

Latest commit

 

History

History
100 lines (83 loc) · 1.81 KB

README.md

File metadata and controls

100 lines (83 loc) · 1.81 KB
Raw

deployment

Heroku, Netlify

How to deploy apps for free

Deploying single react applications and full-stack web applications using Heroku and Netlify.

Single React App on Heroku

  1. Create a Heroku account.
  2. Create your app.
  3. Download Heroku CLI from here.
  4. Run these codes.
heroku login
git init
heroku git:remote -a <app-name>
heroku create -b https://github.com/mars/create-react-app-buildpack.git
git add .
git commit -am "my first commit"
git push heroku master

Single React App on Netlify

Deploy using the browser

  1. Build your application
yarn build
  1. Drag and drop your build folder to Netlify manual upload section.

Deploy using Github

  1. Connect to the Github
  2. Choose your repository/branch
  3. Change the deployment code to
CI= npm run build

Deploying Full-Stack Apps

  1. Create a Heroku app.
  2. Change your Node app port to
process.env.PORT || <any port number>
  1. Move your front-end app inside the Node app.
  2. Add these codes inside your main JS file in your Node app.
app.use(express.static(path.join(__dirname, "/<front end app folder name>/build")));

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, '/<front end app folder name>/build', 'index.html'));
});
  1. Add this script to your package.json in the Node app.
"heroku-postbuild": "cd client && npm install && npm run build"

  1. Change your API URL in your React app.

  2. Set your environment variables on Heroku

  3. Run these codes.

heroku login
git init
heroku git:remote -a <app-name>
git add .
git commit -am "my first commit"
git push heroku master