Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save iRoachie/62d2b0d2c883b47ce324 to your computer and use it in GitHub Desktop.
Save iRoachie/62d2b0d2c883b47ce324 to your computer and use it in GitHub Desktop.
How to deploy a static website to Heroku

Basic Assumptions

  • You want to deploy some straight-up HTML, CSS, JS, maybe a few images. Nothing fancy here.
  • You are in the root directory of your site (i.e. the directory that contains all subdirectories and files for the site)
  • The root directory contains a main HTML page, e.g. index.html
  • A Heroku app and remote are set up and ready to go

Steps:

1 - Add a file called composer.json to the root directory by running touch composer.json 2 - Add a file called index.php to the root directory by running touch index.php 3 - Rename the homepage (e.g. index.html) to home.html 4 - In index.php, add the following line

<?php include_once("home.html"); ?>

5 - In composer.json, add the following line

{}

6 - Run git push heroku master

Done! Visit your deployed single-page website, hosted by Heroku.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment