Create Your Heroku App
Create a Placeholder for the Heroku app
- From your browser, navigate to the Heroku dashboard, https://id.heroku.com.
- Click New.
- Select Create new app.
- Click Create app.
- Once your app is created you are redirected to the Heroku dashboard. Click Open App.
Congratulations! You have created your first Heroku app.
Configure your new app to receive the DreamHouse code from Git.
- Once your app is created, you are redirected to the Deploy tab. Scroll down to Deployment method and select GitHub.
- Scroll down to the Connect to GitHub section and click Connect to GitHub.
- If you have not already authorized Heroku to access your GitHub account, a window appears asking to authorize. Click Authorize Heroku.
- Once your GitHub account is authorized, your username is displayed and you can search for repositories stored within your account.
- In the repo-name input, type
intro-to-heroku. Click Search.
- Once the name of your repo appears, click Connect.
Add the Postgres add-on.
Heroku add-ons are optional time-saving tools that you can add to develop, extend, or operate your app. With add-ons, developers no longer have to write extra code for common tasks. We use the Postgres add-on for data storage. Now you don’t have to go through the hassle of installing and setting up a database for your app.
- Click the Resources tab at the top of the Heroku Dashboard.
- In the add-ons input box, type
postand then select Heroku Postgres.
Hobby Dev - Freeis selected.
- Click Provision.
Deploy the DreamHouse app on Heroku and view the process in the logs.
- Click the Deploy tab.
- Scroll to the Manual deploy section. Verify that the branch listed is master, and click Deploy Branch. Scroll to the top of the page. In the upper-right corner, select More, then click View logs. Your build has started if you see the line, "Build started by user…"
- Once the build is complete you know the app is successfully deployed when the app logs say, "State changed from starting to up".
- Click Open app to see your DreamHouse app running in a browser using Heroku. Click the menu icon in the upper-left corner. Navigate to Properties to view the 12 properties stored in the PostgreSQL database.