Breaking News: Grepper is joining You.com. Read the official announcement!

Deploy React and Express to Heroku

akileus answered on February 14, 2020 Popularity 10/10 Helpfulness 2/10

answer Deploy React and Express to Heroku

related create react app deployment heroku

Deploy React and Express to Heroku

Comment

const express = require('express');
const path = require('path');
const generatePassword = require('password-generator');

const app = express();

// Serve static files from the React app
app.use(express.static(path.join(__dirname, 'client/build')));

// Put all API endpoints under '/api'
app.get('/api/passwords', (req, res) => {
  const count = 5;

  // Generate some passwords
  const passwords = Array.from(Array(count).keys()).map(i =>
    generatePassword(12, false)
  )

  // Return them as json
  res.json(passwords);

  console.log(`Sent ${count} passwords`);
});

// The "catchall" handler: for any request that doesn't
// match one above, send back React's index.html file.
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname+'/client/build/index.html'));
});

const port = process.env.PORT || 5000;
app.listen(port);

console.log(`Password generator listening on ${port}`);

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.codeproject.com

Tags: express heroku javascript

Link to this answer
Share Copy Link

Contributed on Jun 29 2022

akileus

0 Answers Avg Quality 2/10

Closely Related Answers

create react app deployment heroku

Comment

npm install -g create-react-app
create-react-app my-app
cd my-app
git init
heroku create -b https://github.com/mars/create-react-app-buildpack.git
git add .
git commit -m "react-create-app on Heroku"
git push heroku master
heroku open

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: blog.heroku.com

Tags: create-react-app crea

Link to this answer
Share Copy Link

Contributed on Feb 14 2020

Dangerous Duck

0 Answers Avg Quality 2/10

Deploy React and Express to Heroku

Contents

More Related Answers

Deploy React and Express to Heroku

Closely Related Answers

create react app deployment heroku

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.