To show how to deploy a nodejs app, we are first going to create a sample application for a better understanding of the process. I have created a directory/folder “example” for my sample project. Before procceding, make sure you have installed nodejs and git on your system. Now, open the command line and cd inside the example(or whatever is the name of your project folder) directory Follow the following steps to create the sample application for this tutorial STEP 1: Create a “package.json” file using the following command npm init STEP 2: Create a file called “app.js” inside your project folder STEP 3: Create a html file “head.html” Fill the file with the following content This will be the homepage of our app which is connected to another page via hyperlink. STEP 4: Create another html file “tail.html” Content of tail.html is STEP 5: Open “app.js” file created in step 2 and copy paste the following code in it Now, the above code displays the “head.html” file as the homepage which is connected to “tail.html” STEP 6: Open the terminal again and write the following command to run the server node app.js

1. Adding a New Feature and
Deploying

2. Introduction
• Till now we have deployed an application on Heroku.
• In this exercise we will make a small change to the same app and then
deploy the updated app on Heroku.
• Purpose of this exercise is that you need not to create a new URL, you
will simply update the existing one.

3. Changes to the application
I have added another
.hbs file to views folder
named updation.hbs.

4. Code for updation.hbs

5. Add a hyper link for
this file to
header.hbs file.
Changes to the application

6. Add rendering code
to server.js file.
Changes to the application

7. Test the app locally

8. Test the app locally

9. Test the app locally

10. Check status of your repository

11. Add modified files to staged area and check status
again

12. Perform a commit

13. Push the changes to git

14. Push the changes to heroku

15. Expected output after pushing the changes to heroku

16. Test your app on heroku
• Go to your Heroku
dashboard
• Click on your deployed app
• Click on “open app” button
near top right of your web
page

17. Test your app on heroku
• Change is visible in output

18. Test your app on heroku
• Clicked on updation
button. See the
changes at:
• Address bar
• Title of the tab
• Page contents

19. • So this is how you can change your app and deploy the changes to
your existing Heroku URL
• Practice this and let me know if you face any issue.
• I will allocate you all an assignment during this week which will be
equivalent to our remaining CAs. So be participative and practice
recent topics well.