How to Install Heroku and Deploy a Static Website on Ubuntu?

Heroku is a cloud platform that provides a platform as a service(PAAS) to deploy either static or dynamic websites. Heroku is managed by Salesforce. Heroku allows CI/CD, code rollbacks, automatic deploys, Github integration, app metrics, and much more. Heroku allows building, running, and deploying applications on the web. It supports several programming languages and is hence widely popular.

In this article, we will install git and Heroku and then deploy a static site. A static site is a site that doesn't have a backend. Our site will contain a simple index.js file only. We will require Node.js as Heroku requires but we wouldn't process any data.

Installation of Heroku

Step 1: Install git in your system

sudo apt-get install git -y

The output is as follows:

Step 2: Register on Heroku

Register on Heroku. It is available for free as well as has pricing options. To register, proceed to https://www.heroku.com/.

On registration, proceed to the next step.

Step 3: Install Heroku CLI.

Install Heroku CLI in Ubuntu as follows:

sudo snap install --classic heroku

Output

Deploy website on Heroku

In this section, we are going to deploy our website.

Step 1: Create a folder and name it mywebsite.

Then open the terminal in the current directory and enter

npm init -y

After that create a file index.js, and enter the following code.

index.js

var http = require('http');
var fs = require('fs');
const port = process.env.PORT || 5000;
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end("Welcome to GeeksforGeeks");
}).listen(port);

In the package.json, we need to call the index.js file. So modify it as follows:

package.json

{
  "name": "mywebsite",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start":"node index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

The project structure is as follows

Step 2: Log in to your Heroku account,

heroku login

It will open your browser where you will have to enter your email and password.

Step 3: Create a new application using the Heroku CLI.

"heroku create" creates a new application on your account so we can use it to deploy our application.

git init
heroku create -a mygeekswebsite

Output

Use the following command to confirm that Heroku is used.

git remote -v

Step 4: Deploy your website

Add the files to the git and commit them

git add 
git commit -m "message"

Use the following command to deploy

git push heroku main

After a successful deployment, the message appears as follows:

Follow your website link as provided and the output in the browser is as follows: