Тёмный

How to host your website for free 

Kevin Powell
Подписаться 917 тыс.
Просмотров 569 тыс.
50% 1

Make sure your homepage file is named index.html or else it's not going to work!
Hosting a website used to be complicated, and at times expensive. Luckily, we have some solutions that are both easy to use and free now!
Github pages: pages.github.com/
Netlify: www.netlify.com/
Both GitHub pages and Netlify give us free hosting solutions for static websites. By static, I mean using HTML, CSS, and JS, but no databases and all that fun stuff, so if you're looking to host a WordPress site, this won't work.
But just because it doesn't work for WordPress doesn't mean we're super limited either! Both work with static site generators like Jekyll, Hugo and others, and Netlify even has a CMS that you can set up with your static site generator. I host my site with Netlify, and using Jekyll I have a blog (my articles) and it works great :).
---
I have a newsletter! www.kevinpowell.co/newsletter
New to Sass, or want to step up your game with it? I've got a course just for you: www.kevinpowell.co/learn-sass
---
My Code Editor: VS Code - code.visualstudio.com/
How my browser refreshes when I save: • How to automatically r...
---
Support me on Patreon: / kevinpowell
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my RU-vid channel, make sure to follow me on Instagram and Twitter.
Instagram: / kevinpowell.co
Twitter: / kevinjpowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell

Опубликовано:

 

25 сен 2018

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 826   
@deliriumcode
@deliriumcode 3 года назад
Man this was so easy to understand, you are a great presenter / teacher! Thanks a bunch!
@TheAniMob
@TheAniMob 3 года назад
Wow! Thanks so much, I'm watching this 2 yrs from when this vid was published, and the method works great! I really appreciate it! keep up the good work
@crowebro9581
@crowebro9581 2 года назад
This is exactly what I needed to know this week. I know you posted this well over a year ago but it showed up in my feed when I needed it. 😆
@westganton
@westganton 3 года назад
Very cool alternative to AWS S3 static website hosting. The 125k free Netlify function invocations per month open up a lot of options for dynamic actions for a static site, like a contact form. The same thing can be accomplished in AWS with API Gateway and Lambda but each of those services has a cost, albeit not much if you don't get much traffic. Thanks a lot. I'm sold
@akj3344
@akj3344 3 года назад
Very good video mate. Exactly what I was looking for. Nothing too in-depth and concise.
@erykkryszewski5803
@erykkryszewski5803 5 лет назад
Keep doing this man! This channel is really amazing. Waiting for something more with html/css/javascript :)
@KevinPowell
@KevinPowell 5 лет назад
It'll be back to the more 'normal' stuff soon :)
@theegreatestever2420
@theegreatestever2420 3 года назад
I cannot believe how easy it was to set up the netlify thingy...I have been scratching my head for over a week now and working on getting money but lol this will save me cause I can now have people review my site before I actually deploy it like we do in the responsive portfolio course you have (*card got declined cause I have insufficient funds)
@mahitmehta9620
@mahitmehta9620 4 года назад
Its so fast and great, Thanks a lot. Your videos are always the best!!!
@Randshowz
@Randshowz 5 лет назад
Thank God i found you, i have always been looking for a channel to learn coding all my life but believe me no one does it better than you.
@KevinPowell
@KevinPowell 5 лет назад
Thanks so much, and I'm glad that you're finding my content useful! 😁
@salonichandan1773
@salonichandan1773 3 года назад
You saved my time, great work kevin!!
@phiz4420
@phiz4420 3 года назад
Thank you so much for this video! I struggled to find a free place to host my portfolio this video helped me a lot!!
@raxsuv1270
@raxsuv1270 3 года назад
So after you have deployed your site after a month they dont start billing us r8? Just wanted to know if its completely free for a free plan
@divib1313
@divib1313 3 года назад
Hey ! I also wanna make a website for my portfolio. Can you please guide me ?
@webhosting5960
@webhosting5960 4 года назад
Abundant Video!I really love it! It assisted me a lot!
@taariqq
@taariqq 3 года назад
Well put!
@ari_archer
@ari_archer 3 года назад
i've been using netlify for testing things and i love it even after 1 year of using it
@nikhilmwarrier7948
@nikhilmwarrier7948 3 года назад
Me too
@bp8beatz
@bp8beatz 2 года назад
ok
@wbholding7054
@wbholding7054 3 года назад
thank you so much . god bless you . after a day of error in github i finally made it through , thank you one more time
@BneiAnusim
@BneiAnusim 5 лет назад
I have mine in Heroku for about two years and is totally free! You can have even teams (up to 5 members) and continuously deliver apps from dev to staging and production. Also, you can use custom domains and git.
@KevinPowell
@KevinPowell 5 лет назад
Heroku is awesome, but overkill for simple things :). For web apps though, it's great :D
@nikhiltyagi1080
@nikhiltyagi1080 5 лет назад
Doesn't heroku free hosting has a downtime slot everyday when your website goes to sleep.and can't be acessed
@CleverCheats
@CleverCheats 5 лет назад
Does it? I've used it to host a discord bot I coded in JavaScript.
@HunDev_PL
@HunDev_PL 3 года назад
Thanks mate! You helped me a lot! Totally appreciated!
@janramz6403
@janramz6403 4 года назад
Now i'm enjoying to spend time having information about html and building website, thanks.
@jenoyestewart1516
@jenoyestewart1516 5 лет назад
Amazing content as always. Continue doing the good work for those who are aspiring to learn coding and also who want to make a career for themselves. I appreciate what you do a lot!
@KevinPowell
@KevinPowell 5 лет назад
Thanks a lot for the kind words Jonoye!
@allex3842
@allex3842 5 лет назад
I've been looking for a free web hosting service for quite a while just so I can show my projects to other people faster. Thank you a lot, keep up the good work.
@KevinPowell
@KevinPowell 5 лет назад
No problem, glad this can help you out Alex!
@josha4913
@josha4913 5 лет назад
Allex check out simplesilo.app, it was built for the exact purpose of showing projects to people faster, hope it helps.
@HenryT
@HenryT 5 лет назад
I prefer x10hosting (if you need to use PHP), otherwise it's much easier to use GitHub Pages.
@jenninexus
@jenninexus 4 года назад
I'm building my portfolio and this seems like a good idea for hosting different sites I make, so I can display the examples on my site.
@alezanders
@alezanders 2 года назад
Is there a way to set up a custom email and email forwarding with Netlify? It would be really great to switch over but that might be a dealbreaker if it’s not an option.
@mises9863
@mises9863 3 года назад
There is a firebase too. And it might be not only for static pages. You can use Firebase functions to auto generate pages like regular server. Functions are for free. Each month you got 1-2 milions free function calls (above it cost about 0.4 USD per milion. Really cheap). It works like it's turning on in one second mini server and generate what ever you want and turn's off.
@webhosting5960
@webhosting5960 4 года назад
Celebrated Video! Very glad I checked it out.
@successandyou7879
@successandyou7879 3 года назад
i struggled 5hours i swear to god i was so angry cause i watched all the videos and nothing seemed to work thank you so much for this video im not that type of person that writes a comment and english is not my language but i wanted to thank you for this video cause it is so helpful
@agilasadi5044
@agilasadi5044 5 лет назад
Jesus, I've been doing this for some years, never heard about all this, so useful
@Adanmacreates
@Adanmacreates 4 года назад
You are a LIFE SAVER. I'm broke in college but want to build my own site anyway, and don't need a bunch of bloat like wordpress or squarespace
@sumitmahakalkar7896
@sumitmahakalkar7896 4 года назад
so, do you hate WordPress?
@danielu.4957
@danielu.4957 4 года назад
@@sumitmahakalkar7896 wordpress is very rigged
@duytruongnguyen9700
@duytruongnguyen9700 4 года назад
@@danielu.4957 any alternatives?
@berenboden
@berenboden 4 года назад
@@duytruongnguyen9700 html and css
@dashiedev3281
@dashiedev3281 4 года назад
@@berenboden And JS !!!!
@sJahid-ez3bl
@sJahid-ez3bl 2 года назад
You owned my subscription.
@lwa.dev74
@lwa.dev74 3 года назад
Hey kevin, just a quick question... is there a storage limit to hosting static sites on netlify..? and can I host maybe a few project blog sites..?
@dinedine150
@dinedine150 3 года назад
Just a little suggestion - NEVER use free hosting if you are serious with your sites! Free hosts are bad or turn bad soon, always!! Go for some real and proven hosting like did.li/a2hosting66off you can host several blog sites there, it is one of the fastest and still incredibly cheap
@smaraghy
@smaraghy 2 года назад
Kevin, you rock!! Thank you so much!!
@rifasalipbi8055
@rifasalipbi8055 4 года назад
I still didn't know why this video have Dislikes ! So cool video
@dinad2326
@dinad2326 3 года назад
It is very tiny a d hard to see what he is showing as can't see the demonstration thats my only issue with this
@LUKAS-bb4jc
@LUKAS-bb4jc 4 года назад
Thanks a lot I just created a very simple HTML/CSS website and hosted the Google Adsense code ! (To use Admob to add ads to applications), idk why it asks for a website but it’s done !
@Albarghouthi
@Albarghouthi 5 лет назад
I know you said deploying a website through gethub first gives you version control as opposed to uploading the entire website folder every time you have an update. Would this still be the case if you have graphic updates as well? Which would you say is more streamlined and easier? Thank you for everything.
@KevinPowell
@KevinPowell 5 лет назад
Do you mean doing graphic updates on a webpage, like changing images and the like? Then yup, I'd still go the git way. So muc hsafer of a way to work, and nice to be able to track all the changes really easily.
@hyperxplays
@hyperxplays 4 года назад
Is It Ok If I Host My Html Test Page In There If Its Just Fine.
@KevinPowell
@KevinPowell 4 года назад
Don't see why not!
@CCGGCCGY
@CCGGCCGY 3 года назад
Thanks alot! your information is really helpful for me! =)
@keerthiprasad6943
@keerthiprasad6943 3 года назад
Hi KP this is KP !!! thank you for the info..
@raphaelmunaki226
@raphaelmunaki226 3 года назад
Thanks a lot, man! Credit to netlify too!
@sebascarra
@sebascarra 4 года назад
This is actually very good for a personal website. Just don't buy the domain from them, it can get pretty expensive. Get a domain from GoDaddy then host it on Netlify, for instance.
@fourthwind7826
@fourthwind7826 5 лет назад
This is awesome, how come I never heard of this? Thanks for the video, exactly what I needed.
@twilightsucks1999
@twilightsucks1999 5 лет назад
Thank you so much!!!!!! I have been looking every for a free hosting service that isn't awful for my portfolios demo apps. You get my sub dude.
@Deskofmj
@Deskofmj 4 года назад
How do you post demos ? Do you ask for the client's permission in case the website is hosted or you only put demo's of your own websites ?
@agaphmenamoy
@agaphmenamoy 3 года назад
Really nice thank you so much for this video!
@victoria4844
@victoria4844 4 года назад
Hi Kevin..Thanks for the info. I am currently using WordPress free version and no hosting. But I realize that my WordPress blog is not index in google search engine. Do you think I need to upgrade with a hosting plan? Netlify looks amazing, if I create an account with Netlify, will my be website be indexed?
@tamzidazam
@tamzidazam 4 года назад
Coolest video for html and static sites!
@samsenolay3516
@samsenolay3516 3 года назад
You are a life savior
@foyahfreeman3603
@foyahfreeman3603 5 лет назад
Thank you KP! This is awesome. Great for showcasing the projects we work on and having a better show of what we have learned. Thank you again.
@KevinPowell
@KevinPowell 5 лет назад
No problem at all :D
@Pepa667
@Pepa667 5 лет назад
Awesome!!! Now we need a free custom e-mail to use with this kind of site
@KevinPowell
@KevinPowell 5 лет назад
I use Zoho, not free, but starts at $1/month 😁
@yousufdaramay4914
@yousufdaramay4914 5 лет назад
This is great! I was just searching this up like two days and din't find anything like this. Just wondering though, by "static website", can it work with NodeJs or React? because those are still just javascript right? I hope it works with especially node...Thanks again
@sheneshperera
@sheneshperera 5 лет назад
As long as you are serving static pages, I highly recommend using grunt if you are going beyond an SPA
@bobmillen4643
@bobmillen4643 2 года назад
Can you upload videos either through links to another video sharing site or straight from your pc to your site if it's static or does it have to be dynamic?
@jonelkin9530
@jonelkin9530 4 года назад
very good info and overview...appreciate it
@bre3eze983
@bre3eze983 2 года назад
Great video , can you do a video about making the site show up in search engine results ?
@neutroware
@neutroware 2 года назад
Thank you Kevin!
@2596Stefan
@2596Stefan 4 года назад
Thanks man, but from the mobile phone,i can only see homepage(index) and the other ones just get error :/ Is it even possible to host multi-page web site here on netlify ?
@springbreezegaming4017
@springbreezegaming4017 4 года назад
I'm new to programming and am learning the basics like html, css, and JavaScript. So this is just what I was looking for, and now I can start making my website Blog thing. :-)
@vitor-peixoto
@vitor-peixoto 5 лет назад
I was looking for something that I can use a database, 'cause I'm learning this stuff right now. thanks anyway.
@ari_archer
@ari_archer 3 года назад
HELL YES - I JUST MADE A BLOG WEBSITE
@eduardooliveira14133
@eduardooliveira14133 2 года назад
I jus found this, I'm so excited to get started my own website
@ari_archer
@ari_archer 2 года назад
@@eduardooliveira14133 nice, I actually deleted my website, but now I have another one, the blog sute was terrible, but now I'm kinda proud of my site, since i left this comment i started using scss instead of css and typescript instead of JavaScript, it's really fun
@eduardooliveira14133
@eduardooliveira14133 2 года назад
@@ari_archer Humm cool, I just started my front end studies, I hope update my level soon, front end is awesome
@ari_archer
@ari_archer 2 года назад
@@eduardooliveira14133 ;)
@Skaffa
@Skaffa 2 года назад
Nice, what's the URL, I would like to see your site
@TheZethera
@TheZethera 5 лет назад
Gitlab pages is better than github pages because you can use CI output as your site instead of just the git repo content. This means you can use any static site generator.
@xCARPx2014
@xCARPx2014 5 лет назад
woah this is great, now i have my personal test site!! im a cs student, just learning html & css
@KevinPowell
@KevinPowell 5 лет назад
Super useful for students! Glad I could help, and good luck with your learning!
@tumelo3298
@tumelo3298 2 года назад
Hello Kevin, does these sites build up web pages?
@milleniummoses
@milleniummoses 5 лет назад
Thanks. I needed this. There seems to be some issues with some JS on GitHub pages. I'll be doing netlify until I can do a better paid option.
@KevinPowell
@KevinPowell 5 лет назад
Hope Netlify works well for you :). Depending on what you need from your host, you may not have to go after a paid one later. Netlify is a really good host, but if you need more than just static sites, then yup.
@johndoe-is2fw
@johndoe-is2fw 3 года назад
thank you for introducing me. it helps me and my friends alot!!
@sohailkhalid5044
@sohailkhalid5044 4 года назад
thank you soo much sir you make my work soo easy
@NurhanMarshall
@NurhanMarshall 3 года назад
After i published the website in netlify is the website will appear for others after few years also ? This publish is only for quite amount of time or lifetime ?
@jevaughnellis8368
@jevaughnellis8368 4 года назад
Thank god for this video. Thanks man
@ethanmcrae6708
@ethanmcrae6708 4 года назад
A little advanced for me but it’s something I want to shoot for!
@parasarora5869
@parasarora5869 5 лет назад
sir...this was very instructive...I had a little fear of netlify...and now I am confident to use it...thanks for the video sir😊
@KevinPowell
@KevinPowell 5 лет назад
No problem at all :D
@jamesmurphy369
@jamesmurphy369 2 года назад
What is this Jaco or Jako tool you use? I've tried doing a search but I don't get any relevant results.
@benjamintchang3923
@benjamintchang3923 4 года назад
Thanks for the info!!
@NarutoUzumaki-mn6xp
@NarutoUzumaki-mn6xp 3 года назад
thank you so much 🤩🤩🤩🤩 site uploaded just like that.... 🔥🔥🔥🔥
@gkoryllos4501
@gkoryllos4501 2 года назад
This is true, Easiest way to use it only a drag and drop.
@professortrollz642
@professortrollz642 3 года назад
Very good tutorial :) I have a quick question. I've set up the website through netlify but when the pages load the image do not. Is there a certain way the images must be in the folder hierarchy? Right now ive got the main folder for my website and inside this is the index.html and a folder called pictures with all the image in it. How should this be done correctly. Thanks
@Skaffa
@Skaffa 2 года назад
In your HTML you need to refer to the image location
@devarshbhatt5612
@devarshbhatt5612 5 лет назад
You can also use the 000Webhosting which is great for free hosting with your website name as well
@user-xj7ms2hy7l
@user-xj7ms2hy7l 4 года назад
Can i host a website on netlify where I have paypal button linked to my account because i want people to buy something?
@TeaMHackeRPiratE
@TeaMHackeRPiratE 5 лет назад
Github pages are 100GB bandwidth limit per month. So shrink as much as you can for hosting files and images. You can't shrink codes but you can for files hosted through github to others like google.
@edoctorr
@edoctorr 4 года назад
If it's only 100Gigs of Bandwidth, then is it worth learning html to build a website from scratch? I'm seriously looking into building my own brand and I feel like designing my own website will definitely draw traffic. Or should I just use WordPress and call it a day :/
@akashchokshi2283
@akashchokshi2283 3 года назад
Can we use this for Angular or React apps?
@Hashimhamza007
@Hashimhamza007 5 лет назад
This is a awesome. Thank you very much for sharing this with us..
@KevinPowell
@KevinPowell 5 лет назад
Anytime, glad you liked it Hashim!
@dominox5659
@dominox5659 2 года назад
Nice and helpful video.
@jerkshop
@jerkshop 4 года назад
Hi what term do you call that scrolling beer in your page?
@koffitamatode1032
@koffitamatode1032 2 года назад
Thanks a lot. That really help
@crockroz6157
@crockroz6157 4 года назад
This is exactly what I was looking for, but can you tell some disadvantages of netlify..
@yt-spikegaming7394
@yt-spikegaming7394 Год назад
thanks a lot, it is a great improvement after infinity free
@idlevandal69
@idlevandal69 5 лет назад
Just what I needed.. Thank you so much..
@KevinPowell
@KevinPowell 5 лет назад
Glad that it helped!
@panoscool_
@panoscool_ 3 года назад
Kevin, have you tried vercel?
@forktrader7870
@forktrader7870 5 лет назад
netlify was fairly limited. you cant send ajax to other server.
@naijacanact8153
@naijacanact8153 2 года назад
Thanks for the info
@elioi.ciancio4692
@elioi.ciancio4692 4 года назад
I really appreciate this video, I still not understand how to specifically host my website once I charged files on site, could you please make another video? I have already a domani purchased and I would like to connect the folder with the website, how to allow people to log in my website or to get access to it?
@priyasahu5799
@priyasahu5799 3 года назад
Hostinger is the Best web hosting company for Performance, speed and pricing with free SSL certificate, follow the link for 60-80% discount www.hostg.xyz/SH4S0
@AB-hp4bt
@AB-hp4bt 5 лет назад
DAMN, THANKS SO MUCH! i searcched for free hosting for days and they all seem very unreliable.. this IS the answer :)
@josha4913
@josha4913 5 лет назад
acab yamum check out simplesilo.app it was built to provide free static web hosting. Hope it helps
@unskeptable
@unskeptable 3 года назад
Could you do it by installing Windows Server on a VM and host your site using IIS Server and make it publicly accessible from the Internet? Is that safe? I mean in general
@Skaffa
@Skaffa 2 года назад
You don't even need a windows server. I'm hosting my website from my own PC, running normal windows
@hakkaiduo
@hakkaiduo Год назад
Question, I know this is an old video, but... do you know if the free version will allow you to password protect the website? I am trying to find a free/very inexpensive way to make a website for my Girl Scout troop, and for safety issues I am trying to password protect it. For other issues, I don't want to use Social Media like Facebook and such.
@George10767
@George10767 Год назад
Netlify is offering password protection for $19 per month.
@ARTICFR0ST
@ARTICFR0ST 3 года назад
Do you still use this today? Also, unlike github, does this support back end?
@tahawultv8574
@tahawultv8574 4 года назад
sir if i edit my website and add a new page , the previous page should go second page how should i do it
@eyobsamson2384
@eyobsamson2384 3 года назад
Cool Video!
@priyasharma8315
@priyasharma8315 4 года назад
Thank you so much..I have been looking for this type of video for free hosting service...
@s0ands081
@s0ands081 4 года назад
Thanks for exposing an alternative to GitHub's Pages... One question though, does Netlify handle repositories that track git submodles gracefully?
@julienbongars4287
@julienbongars4287 5 лет назад
you can deploy more intelligent pages to heroku for free. Just note that heroku will refresh the state of your application after awhile so it's important you only use it for RESTful applications only.
@KevinPowell
@KevinPowell 5 лет назад
Heroku is awesome, but if all you have is a static website I think it's a bit of overkill. As you mentioned, it's more for web apps and the like.
@codex7299
@codex7299 2 года назад
thank you for the information🤗👏
@tamal_sen
@tamal_sen 4 года назад
Hello Kevin, thank you for the video . but keen to know if any project, which has built on python django can be hosted with netlify? reason for , i am facing an error.
@judlepin876
@judlepin876 4 года назад
He said static website
@NewCourseCoach
@NewCourseCoach 3 года назад
Thank you. Is it possible to integrate this site as custom HTML in Teachable?
@MegaAvio92
@MegaAvio92 3 года назад
Once you upload your website does Netlify cover you with a copyright or you need to provide it by your self?
@KevinPowell
@KevinPowell 3 года назад
Once you upload something you've got the copyright to it, as long as you can show you were the first to upload it. Obviously if it's for your brand you'll want to take extra measures, and laws will be different in every country, but in general, from what I understand, that's pretty standard
@sagarkoju7710
@sagarkoju7710 3 года назад
how long this site will be on the website? static hosting means we can access that site 1 month or more
@Eternal.Growth
@Eternal.Growth Год назад
What is the difference between free hosting and not free hosting. Is there some quality or speed deferences
@epicXfiles
@epicXfiles 5 лет назад
hey, this is really cool. I tried uploading with github, but I got stuck and it didn't work and I don't know what I did wrong, But it did work when I uploaded with manual deploy. I don't know what I did wrong. I think because you need a deployer like hugo or something?? so just a heads up. I'm new a this and just wanted to get my portfolio up for temporary time so finding this and getting a free .ml domain (with freenom.com) is really cool. Thanks
Далее
How to put an HTML website online (on the Internet)
29:37
🤢 To try piggy toothpick beauty gadget
00:30
Просмотров 9 млн
World’s Deadliest Obstacle Course!
28:25
Просмотров 58 млн
STOP PAYING! How To Create A Website For FREE in 2024
6:48
Avoid these 5 beginner CSS mistakes
21:38
Просмотров 66 тыс.
How to Host a FREE Website with Google Firebase
11:37
Give your site a fantastic color scheme fast
25:55
Просмотров 322 тыс.
🤢 To try piggy toothpick beauty gadget
00:30
Просмотров 9 млн