How to host your website for free
ฝัง
- เผยแพร่เมื่อ 25 ก.ย. 2018
- 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 TH-cam channel, make sure to follow me on Instagram and Twitter.
Instagram: / kevinpowell.co
Twitter: / kevinjpowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell
![[FULL EP.13] เซียนหรั่ง พา ไททศมิตร ลงเรือฝึกสกิลหว่านแห | เฮ็ดอย่างเซียนหรั่ง | One Playground](http://i.ytimg.com/vi/EWFuf2Av0K0/mqdefault.jpg)
![[TH] VCT Masters Shanghai Playoffs - Grand Finals // GEN vs TH](http://i.ytimg.com/vi/HL-hhLrtctw/mqdefault.jpg)
![[Full Episode] MasterChef Junior Thailand มาสเตอร์เชฟ จูเนียร์ ประเทศไทย Season 3 Episode 2](http://i.ytimg.com/vi/YpQnHoQvZt4/mqdefault.jpg)
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
Man this was so easy to understand, you are a great presenter / teacher!
Thanks a bunch!
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
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. 😆
i've been using netlify for testing things and i love it even after 1 year of using it
Me too
ok
Its so fast and great, Thanks a lot. Your videos are always the best!!!
Very good video mate. Exactly what I was looking for. Nothing too in-depth and concise.
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.
You saved my time, great work kevin!!
Keep doing this man! This channel is really amazing. Waiting for something more with html/css/javascript :)
It'll be back to the more 'normal' stuff soon :)
Abundant Video!I really love it! It assisted me a lot!
Well put!
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.
Heroku is awesome, but overkill for simple things :). For web apps though, it's great :D
Doesn't heroku free hosting has a downtime slot everyday when your website goes to sleep.and can't be acessed
Does it? I've used it to host a discord bot I coded in JavaScript.
Thanks mate! You helped me a lot! Totally appreciated!
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)
thank you so much . god bless you . after a day of error in github i finally made it through , thank you one more time
Thank you so much for this video! I struggled to find a free place to host my portfolio this video helped me a lot!!
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
Hey ! I also wanna make a website for my portfolio. Can you please guide me ?
Celebrated Video! Very glad I checked it out.
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.
Thanks so much, and I'm glad that you're finding my content useful! 😁
Is It Ok If I Host My Html Test Page In There If Its Just Fine.
Don't see why not!
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.
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.
Now i'm enjoying to spend time having information about html and building website, thanks.
Kevin, you rock!! Thank you so much!!
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..?
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
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.
You owned my subscription.
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 ?
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?
Thanks alot! your information is really helpful for me! =)
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!
Thanks a lot for the kind words Jonoye!
Really nice thank you so much for this video!
Thank you Kevin!
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?
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
Hello there, I'm getting trouble into deploying my website - it says it's been deployed but then when I try to access it, it says "Looks like you've followed a broken link or entered a URL that doesn't exist on this site."
Can someone help me? Thanks!
The same thing happened to me, make sure you have index.html in your root folder
Host problem
use this host is good
Host 1.5$ free SSL free script www.lexsurf.net/hosting.php
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
so, do you hate WordPress?
@@sumitmahakalkar7896 wordpress is very rigged
@@danielu.4957 any alternatives?
@@duytruongnguyen9700 html and css
@@berenboden And JS !!!!
netlify was fairly limited. you cant send ajax to other server.
Thanks a lot,
man!
Credit to netlify too!
HELL YES - I JUST MADE A BLOG WEBSITE
I jus found this, I'm so excited to get started my own website
@@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
@@ari_archer Humm cool, I just started my front end studies, I hope update my level soon, front end is awesome
@@eduardooliveira14133 ;)
Nice, what's the URL, I would like to see your site
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.
No problem, glad this can help you out Alex!
Allex check out simplesilo.app, it was built for the exact purpose of showing projects to people faster, hope it helps.
I prefer x10hosting (if you need to use PHP), otherwise it's much easier to use GitHub Pages.
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?
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
sir if i edit my website and add a new page , the previous page should go second page how should i do it
Can we use this for Angular or React apps?
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 ?
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
What is this Jaco or Jako tool you use? I've tried doing a search but I don't get any relevant results.
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.
Jesus, I've been doing this for some years, never heard about all this, so useful
So if I use netlify for hosting my website and github to deploy updates, what solution is outthere for my email using my custom domain that is free? I currently host on namecheap which is about $34/yr. If I switch, I will still need to pay for having my email..
You are a life savior
thank you soo much sir you make my work soo easy
thank you so much 🤩🤩🤩🤩 site uploaded just like that.... 🔥🔥🔥🔥
Thanks a lot. That really help
thanks a lot, it is a great improvement after infinity
free
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
In your HTML you need to refer to the image location
Has anyone had display issues with Netlify? I took Kevin's advice and loaded my website onto Netlify's server. I design and test my website using my local drive. I test it using Firefox, Chrome, and Safari locally and all of my pages look similar and as they should. But when I loaded it up on Netlify, all of my pages were misaligned except, oddly enough, my Contact Page. My home page uses CSS grid (a suggestion I took from another of Kevin's videos) and only my nav bar looked correct. The rest of the page was messed up with none of my sections lining up as they did on my laptop. My website looks like hell. I asked for Netlify support a week ago and I'm still waiting for an answer.
Thank god for this video. Thanks man
Can i host a website on netlify where I have paypal button linked to my account because i want people to buy something?
Hi KP this is KP !!!
thank you for the info..
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.
make sure the homepage is index.html :)
@@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
Thank you. Is it possible to integrate this site as custom HTML in Teachable?
Thanks for the info
Thanks for the info!!
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
As long as you are serving static pages, I highly recommend using grunt if you are going beyond an SPA
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
You don't even need a windows server. I'm hosting my website from my own PC, running normal windows
What is the difference between free hosting and not free hosting. Is there some quality or speed deferences
This is true, Easiest way to use it only a drag and drop.
how long this site will be on the website? static hosting means we can access that site 1 month or more
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.
He said static website
thank you @kevin powell
I still didn't know why this video have Dislikes ! So cool video
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
Can I create a blog in netlify??? Can you make a video on creating blog here?? How to post in the blog??
very good info and overview...appreciate it
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?
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?
What if you make your own form instead. Will they allow that
Is it possible to convert blog posts to static, with forms staying in WordPress pages
mine wont deploy is there anything else but the website i need to put in the folder?
Hello Kevin, does these sites build up web pages?
Do you still use this today? Also, unlike github, does this support back end?
Thank you so much
Coolest video for html and static sites!
Hi what term do you call that scrolling beer in your page?
Great video , can you do a video about making the site show up in search engine results ?
Thank U but i have been waiting to get the file uploaded for about 5 minutes and its still saying uploading … Can you pls reply me ?❤️
How to point my custom domain on this site, its need to set up any thing like name server
thank you for introducing me. it helps me and my friends alot!!
Hi, Could you make a tutorial, how to link your "contact form" from your site, inmy case personal portfolio, I just upload my portfolio and works great, but I would like you explain how set the contact form, thank you!
what about admin panel?
how do you get to the admin login for the site??
Sir can you please help me?, because if i'm going to upload my html files only 1 html viewed in my account..
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.
I just dragged my folder containing my html files + css file + images and it didn't work. I'm getting a 404 "page not found" error.
Thank you!
Wow! it's awesome. Thank you so much for share this. I have a question. How can I edit my uploaded files here?? Please help me.
Drag the folder back on and it'll update it automatically. Or of you hook it up via GitHub when you push to master it'll update it
@@KevinPowell Thank you
thank you for the information🤗👏
A little advanced for me but it’s something I want to shoot for!
This is awesome, how come I never heard of this? Thanks for the video, exactly what I needed.
is it possible to use this hosting process to host a site for my games?
Thank you Kawin
Im learning HTML and I added an html document and it didnt work for me :(
The home page has to be index.html
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?
Just a text file called index.html which contains the html code of your homepage.