This is a quick tutorial explaining how to get a static website hosted on Heroku.
Why do this?
Heroku hosts apps on the internet, not static websites. To get it to run your static portfolio, personal blog, etc., you need to trick Heroku into thinking your website is a PHP app.
- 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
- You can download the source code from here
- Clone the source code from git and extract your local machine.
Right-click and click on Git Bash
Follow the below Git commands as per the screenshot
$ git init $ git remote add origin https://github.com/kumaresankandasamy/webapplication_master.git $ git status $ git add .
$ git commit -m "add webapplication master" $ git push origin master
Next, Refresh your git repository web page.
Then, Login Heroku and click on create new app
Add a app name, region and click on create app
Then Click on Heroku Git CLI
open windows command prompt in the local root folder where you have cloned sourcecode and run the below commands.
Press any key to open up the browser to login Heroku
Click on the login button and run the below commands on windows command prompt
git init git:remote -a nmasterapp git add . git commit -am "make it better application" git push heroku master
Build the package
Successfully deployed the package
Run the URL in a browser ClickHere
Another way, you can deploy your application connect to GitHub
Search and connect to your git repository
To enable automatic deployment
Click on deploy branch, now your application successfully deployed.
You can see the application in a browser ClickHere
Video Tutorial – Deploy in Heroku through Github and Heroku
Happy Learning !