Heroku Free Web Hosting + Back-End Tutorial in 12 Minutes | Node.js + Express | Quick Code

Get your dynamic angular website on the web with free hosting from Heroku! Write some back-end code, make a Heroku account, and deploy it all with git in just 12 minutes. Thank you for watching!
Need some new tech gadgets or a new charger? Buy from my Amazon Storefront www.amazon.com...
Starter Code | github.com/blo...
Blog Post | blondiebits.her...
Download NPM/Node.js | nodejs.org/en/...
Download Heroku Command Line Tools | - devcenter.hero...
Download Git | git-scm.com/bo...
Code | github.com/blo...
Check out my courses on LinkedIn Learning!
REFERRAL CODE: linkedin-learn...
/ kathryn-hodge
Support me on Patreon!
/ blondiebytes
Check out my Python Basics course on Highbrow!
gohighbrow.com...
Check out behind-the-scenes on my Instagram!
/ blondiebytes
Free HACKATHON MODE playlist:
open.spotify.c...
MY FAVORITE THINGS:
Stitch Fix Invite Code: www.stitchfix....
FabFitFun Invite Code: xo.fff.me/h9-GH
Uber Invite Code: kathrynh1277ue
Postmates Invite Code: 7373F
SoulCycle Invite Code: www.soul-cycle...
Rent The Runway: rtr.app.link/e...
GitHub | github.com/blo...
Devpost | devpost.com/blo...
Website | blondiebytes.gi...
Twitter | / blondiebytes
Facebook | / blondiebytes
Pinterest | / blondiebytes
LinkedIn | / blondiebytes
Want more coding help? Sign up for a one-on-one session with me on codementor | www.codementor...

[@luker6504]

To everyone who does not want to have an automatically generated application name (i.e. cryptic-plateau-36622) simply add your desired application name in the "heroku create" line. For example: "heroku create myFirstApp" will create an application called myFirstApp. Keep in mind, though, that some names will already be taken, and you can't have two same application names because they would have the same URL.

[@MrOdammy]

Thanks i appreciate it.

[@jamesavakian7761]

Yes, thanks

[@ErhuMaster]

5 hours of error and bug on using Heroku... and I solve the all problems about 5 minutes after watching this video! I really appreciate your kind and polished explanation! -Thanks from newbie developer-

[@blondiebytes]

Yay! Glad I could help!

[@deepanjannag]

Thank you very much. I hosted my 1st Node.js app on Heroku after following this video. It was very helpful and to the point.

[@aaronmendez9284]

Oh my fucking god.. Through ALL the tutorials I've been binge watching these last 8 hours, YOU are the one that gets right through me.. Consider me a loyal subscriber and MANY.. MANYYYYY Thanks!

[@KevinMarchese]

OMG, with your help I was able isolate what was causing "heroku local web" not to run my program and systematically got it work with this logic. Kudos and Thank you!!

[@piotr4335]

Great job! I lost whole day to integrating Github repository (Express.js) with TravisCI and Firebase... So, I've decided to change hosting to Heroku and thanks to your help I've created simple Express.js application in a few minutes. Thanks a lot of : ) I will have a backend repository there in the future :D As you know there is possibility to deploy application without Heroku CLI (GitHub is enough) now, so the process of deploying apps is much quicker... PS: I'm afraid you added wrong link to starter code because it redirects to Angular folder instead of Heroku ; )

[@FordExplorer-rm6ew]

I'm in that same place rn fren

[@michaelesparza7917]

you really kill it. This kind of code explanation is A++

[@dur1m4r93]

Im totally new to all this stuff and it seemed complicated. I ve spent plenty of time on starting my project on heroku, without you it would take much more time, thanks a lot

[@patlong5864]

Thanks so much for this efficient and pleasant walkthrough! This is exactly what I was trying to do this afternoon - deploy quick and free on Heroku. You rock @blondiebytes!

[@mrssslimer]

Kathryn thank you very much. Couldn't have done the app deployment without you. Very helpful. Cheers!

[@michaeltakos6684]

This video was monumentally helpful in explaining what Heroku does.

[@xtremeskills1]

This woman just saved my life lol...... amazing spot on tutorial 👍🏻

[@johnmahugu]

Thank You, hahaha am glad to note that am not the only one using an unregistered version of sublime text

[@sourabhpatil3701]

Thankyou so much, I deployed my 1st node.js app.

[@felixotoo4361]

Thank you very much. I really needed this to help me finally host an angularjs app I worked on for a client. Thank you so much. It's crazy I how the very little things are the same things to steal away time.

[@adamobaid3558]

Thanks for the very helpful content. I'm calling your channel the "No Bullshit" channel. You get straight into it and show the good stuff.

[@williamwedmedyk3927]

Thanks Kathryn! Very quick and painless!

[@realraja4834]

after a long search on yt i found this useful video

[@miguelbravo3050]

Hey @blondiebytes , u should include a donation address on ur description. I've literally watched this like 100 times and never stop learning just from this one video xD thnks a lot

[@blondiebytes]

Check out my patreon! @blondiebytes

[@boddulasrikanth6047]

I just deployed my node.js web app...god bless you

[@yes_cassi]

I like how detailed you are

I love you so much you helped me with getting a procfile because I really neededd it for running my discord bot 24/7 to keep up my community

[@blondiebytes]

Glad I could help!

[@kshitijsharma6471]

Thank you so much mam. With this video I was able to add my website on live server. you are just awesome . lots of love

[@waseefmohammadkhan]

Thank you so much for this tutorial. It was informative and I understood the things really well, as well as launching my app! Thank you!

[@lialansing5463]

Thank you so much!! You explained things very well and help me to grasp the concept quickly!

[@bdourabd8181]

Thank you ! Thank you ! Thank you. The simplest and most accurate tutorial on this topic.

[@jayvera2139]

Straightforward. Very nice tutorial

[@tjsorensen1892]

You are awesome! Great Job explaining every step!

[@dendihndn]

I sense a dedicated will on your tutorial series

[@bumps182]

New drinking game, every time she says ‘go ahead’, have a drink 🥃😂 Seriously concise content though, bravo! 👏🏻

[@blondiebytes]

Haha go ahead and have another drink!

[@ashaank]

You're a legend! Thanks a lot

[@barmetler]

Heroku doesn't need the node_modules folder in the repository, it installs the dependencies itself.

[@gfrias06]

Awesome tutorial, thanks!

[@aztecachess4512]

I love you so much finally i could find a tutorial that really helped me to host on heroku.

[@arishghaderi4273]

very well explained. loved it. proper English ? wow. you made my day

[@dan95817]

The most helpful video! Thank you!

[@ujjwalgupta7297]

Very helpful video you have solve my lots of problems thanku so much 🥰❤

[@Chris-oq8ty]

Drinking game: take a drink everytime you hear "go ahead".. fun times

[@madhubalajayakumaran9340]

Very Helpful. Thanks for it. You know it gave me some new hope :)

[@wagnerdossantos466]

Great class, congratulations!

[@kaifmomin2119]

Hey @blondiebytes . I am getting a "Error: No default engine was specified and no extension was provided.". Can you please tell we why this is happening? How do I fix it?

[@GoodrumMC]

Thank you! this was exactly what I needed!

[@Stormrage360]

Thanks! this is exactly what I needed!

[@lol-ke3zo]

A very good tutorial!

[@sergiyrudenko905]

Thank you very much! Great lesson)

[@ajitpradhan7065]

Your tutorial is amazing, thank you so much, this video helped me a lot.

[@blondiebytes]

Glad I could help!

[@martybalash]

Thank you for this lesson!

[@nmb86]

My hero!

[@ahmadbaghereslami796]

Very nice tutorial, thank you

[@ArbiKhiari]

Many thanks, great video !

[@董懂-t3i]

Thanks,Very nice tutorial video.

[@GiuseppeTavella]

very clear and helpful tutorial! Just a question: what about connecting the app with mongodb? I mean, when I make ajax calls and I want data to be loaded from the database, how do I do that? Do you have some hint? Thanks a lot

[@guitar_keys]

this girl is a monster!!!.....notice how fast she type on her keyboard!? .....

[@hamzaliaqat952]

You are awesome, thanks a lot, great time saving, rich learning tutorial

[@GuillaumeDuhan1]

@blondiebytes thank you soooooo much ! Subscribe immediatly.

[@georgewright3074]

great video!

[@jaysondr7711]

Thank you very much!

[@travelwishlist4304]

Thanks for the tutorial, it helped me a lot.

[@OtepArc]

Thank you nice tutorial, i have question. is possible in heroku to run nodejs and php at same time?

[@LeeYoungChoi]

This tutorial is very helpful :) i love it..

[@yx4292]

Pro Tip: npm init

[@dendihndn]

`npm init -y`, the more pro tip

[@leonardovieira4235]

THANKS, YOU SAVE MY LIFE :)

[@rider964444]

Thanks!!

[@OtepArc]

Hmm so heroku is compatible in node.js and io socket? i already buy hosting and upload my apps there but it did not work it means that my hosting is not supported node.js at all? sorry i'm new in node.js.

[@mamun001]

Thanks for this

[@zakariachahboun]

Thank You ♥

[@IndianMakeupStars]

how to replace custom domain herokudns to hero herokuapp.com

[@phpfaq6688]

lovely voice

[@lindseyhoeschen9995]

I get an error when I try to npm install: npm ERR! JSON.parse Failed to parse json npm ERR! JSON.parse Unexpected string in JSON at position 173 while parsing '{ npm ERR! JSON.parse "name" : "tutorial", npm ERR! JSON.parse "version" : "1.' npm ERR! JSON.parse Failed to parse package.json data.

[@shuuheihisagi3148]

Hey there, I think it's because you put only an apostrophe after 1.'

[@sambrmg]

Thank you

[@codewithsingh7710]

thank you and love you

[@MrOdammy]

Thank you sooooooo much. very good video

[@Sahilbc-wj8qk]

Git is cool

[@amanpratapsingh7983]

thanks allot. its really very helpfull!!!

[@w451-qx3kx]

Windows 10 here, I installed heroku, but I went to cmd and ran "heroku --version" and it says that heroku isnt a command. I tried uninstalling and reinstalling. Is there anything to do to fix this? The git install worked fine though.... I am using the appropriate x64 version. SOLVED I manually added the heroku path variable to the environment variables or whatever and it works now! P.S great tutorial!

[@justyusaf]

How can can I upload my Node.js server to the cloud? Reason I ask is for my assignment, I'm creating a desktop application (using Electron) that communicates with the Node.js on my teammate's laptop. However, because the server resides in my teammate's laptop, the IP in my desktop client's source code has to be changed in order to interact with the server; therefore, I want to post the Node.js server on the cloud to remove this tediousness

[@citrombandi]

hi nice video and very helpful i have one question do other people see my code? for ex i made an authentication and can somebody see its backend stuff?

[@onuryldrm1840]

thx

[@sridharvasanth]

Hi thanks for your video and it helps me a lot. I have a dought in that, the thing is can I upload Front end in GoDaddy ,and back end in herokup coz I need just a simple contact form in the front end which runs on html css and javascript and in the front end I have a contact form on submitting it should post to my email for this I can use heroku only for backend and GoDaddy for frontend will it work?

[@louissasha]

A-M-A-Z-I-N-G

[@steadyfastfaithbiyinzikaga9071]

Thanks dear, me i just want to upload a web site to heroku server, my site is made of (html, bootstrap, css and javascript), but not an app, now am asking which procedures can i use? thanks.

[@ngoziechegini2509]

@blondiebytes Thanks for the tutorial, it works perfectly. however, I was trying to modify the code to suit my purpose of inserting data from an HTML form into my HEROKU PostgreSql database online but it failed. when I execute the code online, I get (internal server error) here is the code I have for that. const express = require('express'); var app = express(); var pg = require('pg'); //set port var port = process.env.PORT || 8080 var connection = {connectionString: process.env.DATABASE_URL || "postgres://xxxxxxxxxxxxxx"}; var client = new pg.Client(connection); client.connect(); app.use(express.static(__dirname )); //routes app.get('/', function (req, res) { res.render("index"); }); app.post('/submit', function (req, res) { // Grab data from http request const data = {firstname: req.body.firstname, lastname: req.body.lastname, mail: req.body.mail, country: req.body.country, zipcode: req.body.zipcode, cityName: req.body.cityName, google: req.body.google, twitter: req.body.twitter, linkdin: req.body.linkdin, facebook: req.body.facebook, comm: req.body.comm }; connection.connect(function (err) { if (err) throw err; console.log("connected"); var pg = "INSERT INTO userdata(firstname, lastname, mail, country, zipcode, cityname, google, twitter, linkdin, facebook, comm) VALUES ('"+data.firstname+"', '"+data.lastname+"', '"+data.mail+"', '"+data.country+"', '"+data.zipcode+"', "+data.cityName+", '"+data.google+"', '"+data.twitter+"', '"+data.linkdin+"','"+data.facebook+"', '"+data.comm+"')"; connection.query(pg, function (err, result) { if (err) throw err; console.log("table created"); }); }); res.sendFile('index.html', { root: __dirname }); }); app.listen(port, function(){ console.log("app running"); })

[@mikeshilovski1512]

What if you have a dotenv with restful api keys and all in it, would it still work?

[@ashas4321]

Hey Kathryn, I love all of your videos! I'm having trouble with a simple web app that I'm working on as a school project. It is a rostering app where I have a table for the users to enter in their names if they are available, I want the changes made by one user to be visible to all the other users and also once the page is refreshed I don't want the data they've entered to be lost! Can you please help me with this so that I can have my app on Heroku? Waiting for your reply!!!! Thank you soo much!

[@sagarkori6846]

So much patience 🙂

[@EmmnauelPeace]

that is good stuff , kudos...Can we host a 2GB + website developed in php on heroku for free

[@indowestlife]

Why do we need to create a Git repo and push it (continously while updating) to GitHub when the application needs to be hosted on Heroku? Is it because the application needs to be a .git?

[@blondiebytes]

Heroku is a hosting service (THE CLOUD!), but in order to get our code up there, we need to use some kind of deploying system. Git is great with version control and seems to be the go-to deployment for Heroku. Here's more about it (devcenter.heroku.com/articles/git). Thanks for watching!

[@jaffreyjoy]

Your repo is not being pushed to GitHub.The speaker, unintentionally said that we are initializing a "GitHub" repository at 9:51, but we are actually initializing a local "git" repository. I think you got confused with git i.e a VCS for your local machine and GitHub i.e a remote VCS where your code is on the cloud, just like BitBucket or GitLab.Consider Heroku similar to GitHub but with inbuilt added features of direct deployment whereas on GitHub you can only deploy static websites and just test your build using TravisCI or CircleCI.

[@FordExplorer-rm6ew]

Can't figure out the git remote part. Is it necessary?

[@plutoneeum]

My app does not load on 5000 only 3000 which is what I have specified in my server.js . Is that something I should be worried about?

[@Dynamics556]

honestly, I have search all over the internet to find the answer on how to upload my (app.js website) which was build using localhost server. it took me couple days to understand how to work the terminal window, but pretty much I was stuck on viewing my website on my localhost.the problem know is that I am stuck and I don't know how to deploy it to the internet.

[@ankitrawat1385]

what about if i have my website connected to MongoDB database, in that case, will it work?

[@ratdog6752]

Hi I have a problem, I use windows and when I click and drag heroku_code folder to the command line it doesn't recognize it. Can someone help me???

[@shashankmahajan95]

We can use firebase hosting too :D

[@3dninja54]

Can you change the address of the heroku app?

[@coolcatdev3813]

HAa...i love you thanks

[@mohitsoni8296]

I'm getting "Application Error". Please help.

[@oscarargueta838]

What i have to do if i started a git repository before ?

[@tamyahussain]

keeps saying npm: command not found...i have downloaded npm and node through the website but it still doesn't recognise it.

[@blondiebytes]

Make sure you’ve installed it - not just downloaded it.

[@creatorsremose]

So are we going to "go ahead" about something?

[@adammoefoe]

go ahead

[@blondiebytes]

go ahead

[@nagar.apurva]

Hi! I have followed all the steps but when i'm pushing the app (the last command--> git push [url-placeholder] master) I'm getting an error: fatal: unable to access 'git.heroku.com/murmuring-wave-18971.git/': Faile d to connect to git.heroku.com port 80: Connection refused Waiting for a helpful reply, Thanks for the guide.

[@shaharlz5325]

What about a website with a database, using PHP...