How to host your website for free

Подписаться 919 тыс.

Просмотров 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

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 825

@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

@deliriumcode 3 года назад

Man this was so easy to understand, you are a great presenter / teacher! Thanks a bunch!

@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

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

@mahitmehta9620 4 года назад

Its so fast and great, Thanks a lot. Your videos are always the best!!!

@salonichandan1773 3 года назад

You saved my time, great work kevin!!

@webhosting5960 4 года назад

Abundant Video!I really love it! It assisted me a lot!

@taariqq 4 года назад

Well put!

@akj3344 3 года назад

Very good video mate. Exactly what I was looking for. Nothing too in-depth and concise.

@erykkryszewski5803 5 лет назад

Keep doing this man! This channel is really amazing. Waiting for something more with html/css/javascript :)

@KevinPowell 5 лет назад

It'll be back to the more 'normal' stuff soon :)

@HunDev_PL 3 года назад

Thanks mate! You helped me a lot! Totally appreciated!

@webhosting5960 4 года назад

Celebrated Video! Very glad I checked it out.

@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)

@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 5 лет назад

Heroku is awesome, but overkill for simple things :). For web apps though, it's great :D

@nikhiltyagi1080 5 лет назад

Doesn't heroku free hosting has a downtime slot everyday when your website goes to sleep.and can't be acessed

@CleverCheats 5 лет назад

Does it? I've used it to host a discord bot I coded in JavaScript.

@ari_archer 3 года назад

i've been using netlify for testing things and i love it even after 1 year of using it

@nikhilmwarrier7948 3 года назад

Me too

@bp8beatz 2 года назад

@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 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 3 года назад

Hey ! I also wanna make a website for my portfolio. Can you please guide me ?

@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

@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 5 лет назад

Thanks so much, and I'm glad that you're finding my content useful! 😁

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

@sJahid-ez3bl 2 года назад

You owned my subscription.

@smaraghy 2 года назад

Kevin, you rock!! Thank you so much!!

@raphaelmunaki226 3 года назад

Thanks a lot, man! Credit to netlify too!

@CCGGCCGY 3 года назад

Thanks alot! your information is really helpful for me! =)

@samsenolay3516 3 года назад

You are a life savior

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

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

@janramz6403 4 года назад

Now i'm enjoying to spend time having information about html and building website, thanks.

@agaphmenamoy 3 года назад

Really nice thank you so much for this video!

@hyperxplays 5 лет назад

Is It Ok If I Host My Html Test Page In There If Its Just Fine.

@KevinPowell 5 лет назад

Don't see why not!

@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

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

@NarutoUzumaki-mn6xp 3 года назад

thank you so much 🤩🤩🤩🤩 site uploaded just like that.... 🔥🔥🔥🔥

@jevaughnellis8368 4 года назад

Thank god for this video. Thanks man

@neutroware 2 года назад

Thank you Kevin!

@keerthiprasad6943 3 года назад

Hi KP this is KP !!! thank you for the info..

@agilasadi5044 5 лет назад

Jesus, I've been doing this for some years, never heard about all this, so useful

@benjamintchang3923 4 года назад

Thanks for the info!!

@tamzidazam 4 года назад

Coolest video for html and static sites!

@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?

@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 5 лет назад

Thanks a lot for the kind words Jonoye!

@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 ?

@yt-spikegaming7394 2 года назад

thanks a lot, it is a great improvement after infinity free

@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 5 лет назад

No problem, glad this can help you out Alex!

@josha4913 5 лет назад

Allex check out simplesilo.app, it was built for the exact purpose of showing projects to people faster, hope it helps.

@HenryT 5 лет назад

I prefer x10hosting (if you need to use PHP), otherwise it's much easier to use GitHub Pages.

@ari_archer 3 года назад

HELL YES - I JUST MADE A BLOG WEBSITE

@eduardooliveira14133 3 года назад

I jus found this, I'm so excited to get started my own website

@ari_archer 3 года назад

@@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 3 года назад

@@ari_archer Humm cool, I just started my front end studies, I hope update my level soon, front end is awesome

@ari_archer 3 года назад

@@eduardooliveira14133 ;)

@Skaffa 2 года назад

Nice, what's the URL, I would like to see your site

@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?

@koffitamatode1032 2 года назад

Thanks a lot. That really help

@sohailkhalid5044 4 года назад

thank you soo much sir you make my work soo easy

@aaxen7255 2 года назад

Cool beans. Thanks for this.

@johndoe-is2fw 3 года назад

thank you for introducing me. it helps me and my friends alot!!

@fourthwind7826 5 лет назад

This is awesome, how come I never heard of this? Thanks for the video, exactly what I needed.

@naijacanact8153 2 года назад

Thanks for the info

@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 2 года назад

In your HTML you need to refer to the image location

@rifasalipbi8055 4 года назад

I still didn't know why this video have Dislikes ! So cool video

@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

@tutohowto5345 4 года назад

finalllyyyy Thanks a lot mate

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

@lilugoart 4 года назад

Thank you!

@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 4 года назад

so, do you hate WordPress?

@danielu.4957 4 года назад

@@sumitmahakalkar7896 wordpress is very rigged

@duytruongnguyen9700 4 года назад

@@danielu.4957 any alternatives?

@berenboden 4 года назад

@@duytruongnguyen9700 html and css

@dashiedev3281 4 года назад

@@berenboden And JS !!!!

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

@jonelkin9530 4 года назад

very good info and overview...appreciate it

@boykingmb 4 года назад

Hey man can you please help me when you can? Going crazy here: my website hosting site expired and I want to move it to netlify but when I add my own domain, it simply registers it’s name. It doesn’t confirm I’m the owner so obviously it doesn’t put my website up and running either. I already changed the name servers and I have the transfer epp code but it doesn’t ask for it. What do I do?

@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 4 года назад

He said static website

@TariqKhan-vf9vm 4 года назад

great work continue it.

@jerkshop 4 года назад

Hi what term do you call that scrolling beer in your page?

@sexysensation 4 года назад

Many Thanks :)

@NewCourseCoach 3 года назад

Thank you. Is it possible to integrate this site as custom HTML in Teachable?

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

@tumelo3298 2 года назад

Hello Kevin, does these sites build up web pages?

@taariqq 4 года назад

Do your searches and come back to Kevin's channel and you are probably going to find the answer you were looking for! I was looking to see if I can build a site w/ a user friendly interface for a blog. Seems like NetlifyCMS is the answer!

@hyperdragon1013 3 года назад

@Chaous Spiral me to

@Skaffa 2 года назад

@Student Professor the DNS of your domain name

@akashchokshi2283 3 года назад

Can we use this for Angular or React apps?

@eyobsamson2384 3 года назад

Cool Video!

@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

@dominox5659 2 года назад

Nice and helpful video.

@codex7299 2 года назад

thank you for the information🤗👏

@joelmullin2424 4 года назад

Kevin, I am actually having a problem dragging my folder on the page, it won't accept my folder is there any way you can help me fix that cause I am facing lot of stress hosting my websites. thank you

@bbbiii2341 4 года назад

Excellent

@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 5 лет назад

As long as you are serving static pages, I highly recommend using grunt if you are going beyond an SPA

@anhhongle8746 2 года назад

Thank you so much

@MFHTechnologies 5 лет назад

Thank You. I am trying to build different repositories but when I click on deployed link, it shows "page not found" . I must be missing some steps before copy folders and build......... please help if you get my mistake.

@KevinPowell 5 лет назад

make sure the homepage is index.html :)

@Qwaizor 4 года назад

@@KevinPowell Hello there I have multiple html files and some css type files and pictures and one video, they are all missing you know hat might be wrong

@aybak3k 2 года назад

there are no subdomains in the methods mentioned right? and does it include backend? pardon me but till i manage to watch the video but plz any one answer those 2 questions if y can

@idlevandal69 5 лет назад

Just what I needed.. Thank you so much..

@KevinPowell 5 лет назад

Glad that it helped!

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

@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 ?

@koki10190 4 года назад

THANK YOU VEY VERY MUCH

@Pepa667 5 лет назад

Awesome!!! Now we need a free custom e-mail to use with this kind of site

@KevinPowell 5 лет назад

I use Zoho, not free, but starts at $1/month 😁

@bre3eze983 2 года назад

Great video , can you do a video about making the site show up in search engine results ?

@satyamkhandekar8897 5 лет назад

Thanks sir..

@KevinPowell 5 лет назад

No problem :)

@Hashimhamza007 5 лет назад

This is a awesome. Thank you very much for sharing this with us..

@KevinPowell 5 лет назад

Anytime, glad you liked it Hashim!

@MuhammadZubair-co5jl 3 года назад

Thank you so much for your opinion, great video۔

@mrbanana7165 4 года назад

I'm new to programming. What kind of files are needed to "create" a website? So like the what kind of files need to be in the folder that is uploaded to netlify?

@Jotaro-o 4 года назад

Just a text file called index.html which contains the html code of your homepage.

@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 !

@minamansour3225 5 лет назад

does a Js file have to be in the folder?

@gkoryllos4501 2 года назад

This is true, Easiest way to use it only a drag and drop.

@creativitydisplay3059 5 лет назад

What if you make your own form instead. Will they allow that

@aannookhan2868 2 года назад

Thank you Kawin

@mussimbigrace3469 3 года назад

thank you kevin!

@cherryred2247 3 года назад

Is it possible to convert blog posts to static, with forms staying in WordPress pages

@ethanmcrae6708 4 года назад

A little advanced for me but it’s something I want to shoot for!

@tirupatitravels7024 4 года назад

Thank you !!

@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?

@sagarkoju7710 3 года назад

how long this site will be on the website? static hosting means we can access that site 1 month or more

@codewithme7226 5 лет назад

I have a question: you know when you want to apply a webpage as an application on iPhone, some sites makes it a fullscreen-webclip, how can I make my website fullscreen if someone adds it to their homescreen?

@jenninexus 4 года назад

That's a good question. I'm thinking of making a separate mobile app for my website but this would be a good solution if there was a way. Did u figure it out?