No video

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

  Рет қаралды 112,383

blondiebytes

blondiebytes

Күн бұрын

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...

Пікірлер: 152
@aaronmendez9284
@aaronmendez9284 7 жыл бұрын
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!
@deepanjannag
@deepanjannag 7 жыл бұрын
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.
@luker6504
@luker6504 7 жыл бұрын
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
@MrOdammy 7 жыл бұрын
Thanks i appreciate it.
@jamesavakian7761
@jamesavakian7761 4 жыл бұрын
Yes, thanks
@ErhuMaster
@ErhuMaster 5 жыл бұрын
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
@blondiebytes 5 жыл бұрын
Yay! Glad I could help!
@KevinMarchese
@KevinMarchese 5 жыл бұрын
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!!
@dur1m4r93
@dur1m4r93 4 жыл бұрын
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
@michaelesparza7917
@michaelesparza7917 5 жыл бұрын
you really kill it. This kind of code explanation is A++
@piotr4335
@piotr4335 5 жыл бұрын
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
@FordExplorer-rm6ew 4 жыл бұрын
I'm in that same place rn fren
@patlong5864
@patlong5864 6 жыл бұрын
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!
@realraja4834
@realraja4834 3 жыл бұрын
after a long search on yt i found this useful video
@xtremeskills1
@xtremeskills1 7 жыл бұрын
This woman just saved my life lol...... amazing spot on tutorial 👍🏻
@mrssslimer
@mrssslimer 7 жыл бұрын
Kathryn thank you very much. Couldn't have done the app deployment without you. Very helpful. Cheers!
@michaeltakos6684
@michaeltakos6684 7 жыл бұрын
This video was monumentally helpful in explaining what Heroku does.
@sourabhpatil3701
@sourabhpatil3701 3 жыл бұрын
Thankyou so much, I deployed my 1st node.js app.
@johnmahugu
@johnmahugu 5 жыл бұрын
Thank You, hahaha am glad to note that am not the only one using an unregistered version of sublime text
@adamobaid3558
@adamobaid3558 3 жыл бұрын
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.
@yes_cassi
@yes_cassi 5 жыл бұрын
I like how detailed you are
@boddulasrikanth6047
@boddulasrikanth6047 7 жыл бұрын
I just deployed my node.js web app...god bless you
@felixotoo4361
@felixotoo4361 7 жыл бұрын
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.
@miguelbravo3050
@miguelbravo3050 6 жыл бұрын
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
@blondiebytes 6 жыл бұрын
Check out my patreon! @blondiebytes
@kshitijsharma6471
@kshitijsharma6471 6 жыл бұрын
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
@bumps182
@bumps182 6 жыл бұрын
New drinking game, every time she says ‘go ahead’, have a drink 🥃😂 Seriously concise content though, bravo! 👏🏻
@blondiebytes
@blondiebytes 6 жыл бұрын
Haha go ahead and have another drink!
@williamwedmedyk3927
@williamwedmedyk3927 6 жыл бұрын
Thanks Kathryn! Very quick and painless!
@dendihndn
@dendihndn 5 жыл бұрын
I sense a dedicated will on your tutorial series
@barmetler
@barmetler 4 жыл бұрын
Heroku doesn't need the node_modules folder in the repository, it installs the dependencies itself.
@waseefmohammadkhan
@waseefmohammadkhan 4 жыл бұрын
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
@lialansing5463 4 жыл бұрын
Thank you so much!! You explained things very well and help me to grasp the concept quickly!
@bdourabd8181
@bdourabd8181 7 жыл бұрын
Thank you ! Thank you ! Thank you. The simplest and most accurate tutorial on this topic.
@jayvera2139
@jayvera2139 5 жыл бұрын
Straightforward. Very nice tutorial
@aztecachess4512
@aztecachess4512 7 жыл бұрын
I love you so much finally i could find a tutorial that really helped me to host on heroku.
@tjsorensen1892
@tjsorensen1892 6 жыл бұрын
You are awesome! Great Job explaining every step!
@kaifmomin2119
@kaifmomin2119 3 жыл бұрын
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?
@arishghaderi4273
@arishghaderi4273 6 жыл бұрын
very well explained. loved it. proper English ? wow. you made my day
@ujjwalgupta7297
@ujjwalgupta7297 4 жыл бұрын
Very helpful video you have solve my lots of problems thanku so much 🥰❤
@Chris-oq8ty
@Chris-oq8ty 2 жыл бұрын
Drinking game: take a drink everytime you hear "go ahead".. fun times
@gfrias06
@gfrias06 4 жыл бұрын
Awesome tutorial, thanks!
@guitar_keys
@guitar_keys 6 жыл бұрын
this girl is a monster!!!.....notice how fast she type on her keyboard!? .....
@ashaank
@ashaank 7 жыл бұрын
You're a legend! Thanks a lot
@lindseyhoeschen9995
@lindseyhoeschen9995 4 жыл бұрын
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
@shuuheihisagi3148 4 жыл бұрын
Hey there, I think it's because you put only an apostrophe after 1.'
@madhubalajayakumaran9340
@madhubalajayakumaran9340 5 жыл бұрын
Very Helpful. Thanks for it. You know it gave me some new hope :)
@ajitpradhan7065
@ajitpradhan7065 4 жыл бұрын
Your tutorial is amazing, thank you so much, this video helped me a lot.
@blondiebytes
@blondiebytes 4 жыл бұрын
Glad I could help!
@junjiechen7341
@junjiechen7341 7 жыл бұрын
The best tutorial!! Thank you so much!!
@GiuseppeTavella
@GiuseppeTavella 7 жыл бұрын
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
@Stormrage360
@Stormrage360 5 жыл бұрын
Thanks! this is exactly what I needed!
@GoodrumMC
@GoodrumMC 5 жыл бұрын
Thank you! this was exactly what I needed!
@dan95817
@dan95817 6 жыл бұрын
The most helpful video! Thank you!
@wagnerdossantos466
@wagnerdossantos466 7 жыл бұрын
Great class, congratulations!
@ahmadbaghereslami796
@ahmadbaghereslami796 4 жыл бұрын
Very nice tutorial, thank you
@justyusaf
@justyusaf 5 жыл бұрын
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
@sergiyrudenko905
@sergiyrudenko905 5 жыл бұрын
Thank you very much! Great lesson)
@lol-ke3zo
@lol-ke3zo 7 жыл бұрын
A very good tutorial!
@nmb86
@nmb86 6 жыл бұрын
My hero!
@indowestlife
@indowestlife 8 жыл бұрын
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
@blondiebytes 8 жыл бұрын
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
@jaffreyjoy 6 жыл бұрын
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.
@yx4292
@yx4292 7 жыл бұрын
Pro Tip: npm init
@dendihndn
@dendihndn 5 жыл бұрын
`npm init -y`, the more pro tip
@OtepArc
@OtepArc 6 жыл бұрын
Thank you nice tutorial, i have question. is possible in heroku to run nodejs and php at same time?
@ArbiKhiari
@ArbiKhiari 5 жыл бұрын
Many thanks, great video !
@hamzaliaqat952
@hamzaliaqat952 4 жыл бұрын
You are awesome, thanks a lot, great time saving, rich learning tutorial
@rockkayode2974
@rockkayode2974 6 жыл бұрын
really smooth and good. thank you.
@martybalash
@martybalash 6 жыл бұрын
Thank you for this lesson!
@travelwishlist4304
@travelwishlist4304 5 жыл бұрын
Thanks for the tutorial, it helped me a lot.
@OtepArc
@OtepArc 7 жыл бұрын
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.
@user-cw4gk2pb4h
@user-cw4gk2pb4h 7 жыл бұрын
Thanks,Very nice tutorial video.
@Dynamics556
@Dynamics556 4 жыл бұрын
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.
@sridharvasanth
@sridharvasanth 4 жыл бұрын
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?
@mikeshilovski1512
@mikeshilovski1512 4 жыл бұрын
What if you have a dotenv with restful api keys and all in it, would it still work?
@jaysondr7711
@jaysondr7711 6 жыл бұрын
Thank you very much!
@plutoneeum
@plutoneeum 7 жыл бұрын
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?
@steadyfastfaithbiyinzikaga9071
@steadyfastfaithbiyinzikaga9071 6 жыл бұрын
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.
@IndianMakeupStars
@IndianMakeupStars 6 жыл бұрын
how to replace custom domain herokudns to hero herokuapp.com
@w451-qx3kx
@w451-qx3kx 4 жыл бұрын
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!
@FordExplorer-rm6ew
@FordExplorer-rm6ew 4 жыл бұрын
Can't figure out the git remote part. Is it necessary?
@ratdog6752
@ratdog6752 6 жыл бұрын
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???
@LeeYoungChoi
@LeeYoungChoi 7 жыл бұрын
This tutorial is very helpful :) i love it..
@GuillaumeDuhan1
@GuillaumeDuhan1 6 жыл бұрын
@blondiebytes thank you soooooo much ! Subscribe immediatly.
@ngoziechegini2509
@ngoziechegini2509 4 жыл бұрын
@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"); })
@georgewright3074
@georgewright3074 7 жыл бұрын
great video!
@mohitsoni8296
@mohitsoni8296 4 жыл бұрын
I'm getting "Application Error". Please help.
@tamyahussain
@tamyahussain 5 жыл бұрын
keeps saying npm: command not found...i have downloaded npm and node through the website but it still doesn't recognise it.
@blondiebytes
@blondiebytes 5 жыл бұрын
Make sure you’ve installed it - not just downloaded it.
@leonardovieira4235
@leonardovieira4235 7 жыл бұрын
THANKS, YOU SAVE MY LIFE :)
@matth3025
@matth3025 5 жыл бұрын
hi I have a question, do you know how to make a node unblocker using heroku?
@citrombandi
@citrombandi 5 жыл бұрын
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?
@creatorsremose
@creatorsremose 6 жыл бұрын
So are we going to "go ahead" about something?
@adammoefoe
@adammoefoe 6 жыл бұрын
go ahead
@blondiebytes
@blondiebytes 6 жыл бұрын
go ahead
@ankitrawat1385
@ankitrawat1385 5 жыл бұрын
what about if i have my website connected to MongoDB database, in that case, will it work?
@rider964444
@rider964444 4 жыл бұрын
Thanks!!
@MrOdammy
@MrOdammy 7 жыл бұрын
Thank you sooooooo much. very good video
@3dninja54
@3dninja54 3 жыл бұрын
Can you change the address of the heroku app?
@oscarargueta838
@oscarargueta838 7 жыл бұрын
What i have to do if i started a git repository before ?
@phpfaq6688
@phpfaq6688 3 жыл бұрын
lovely voice
@nagar.apurva
@nagar.apurva 7 жыл бұрын
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.
@ashas4321
@ashas4321 5 жыл бұрын
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
@sagarkori6846 Жыл бұрын
So much patience 🙂
@amanpratapsingh7983
@amanpratapsingh7983 5 жыл бұрын
thanks allot. its really very helpfull!!!
@shaharlz5325
@shaharlz5325 6 жыл бұрын
What about a website with a database, using PHP...
@codewithsingh7710
@codewithsingh7710 5 жыл бұрын
thank you and love you
@davidhuynh2560
@davidhuynh2560 7 жыл бұрын
11:00 shortcut to open heroku app in new browser tab "heroku open"
@sludgeman
@sludgeman 8 жыл бұрын
Is it possible to have an static page with no server side code, just html, js and some pics?
@blondiebytes
@blondiebytes 8 жыл бұрын
Usually, for heroku, you'll have some dynamic content that you are trying to host, but if you just have html, js, and pics, you can just upload that using the same way I did in the video. Just skip to the part where we start using the command line.
@mamun001
@mamun001 7 жыл бұрын
Thanks for this
@zakariachahboun
@zakariachahboun 7 жыл бұрын
Thank You ♥
@louissasha
@louissasha 5 жыл бұрын
A-M-A-Z-I-N-G
@Sahilbc-wj8qk
@Sahilbc-wj8qk 5 жыл бұрын
Git is cool
@EmmnauelPeace
@EmmnauelPeace 7 жыл бұрын
that is good stuff , kudos...Can we host a 2GB + website developed in php on heroku for free
Node.js Crash Course
2:06:35
Traversy Media
Рет қаралды 160 М.
나랑 아빠가 아이스크림 먹을 때
00:15
진영민yeongmin
Рет қаралды 5 МЛН
what will you choose? #tiktok
00:14
Анастасия Тарасова
Рет қаралды 7 МЛН
Glow Stick Secret Pt.4 😱 #shorts
00:35
Mr DegrEE
Рет қаралды 11 МЛН
Host websites for FREE on HEROKU
10:08
packetcode
Рет қаралды 75 М.
How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS
59:26
freeCodeCamp.org
Рет қаралды 2,3 МЛН
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
GitHub Hosting in 5 minutes | Free Static Web Hosting | Quick Code
5:07
I forced EVERYONE to use Linux
22:59
NetworkChuck
Рет қаралды 475 М.
Deploy your first App with Heroku and Node.js
8:09
Jonny Kalambay
Рет қаралды 217 М.
Basics of Angular JS in 8 minutes | Controllers + Scope | Code in 5
8:31
So You Think You Know Git - FOSDEM 2024
47:00
GitButler
Рет қаралды 1,1 МЛН
How to build a REST API with Node js & Express
58:40
Programming with Mosh
Рет қаралды 1,7 МЛН
Deploying Your PHP Code To Heroku
8:38
Codemy.com
Рет қаралды 63 М.