Host a Static Website WITH SSL with Google Cloud [Free for a year]

hey guys welcome to stuff box it's show time in this video you'll learn how to host a static website use single cloud platform and we'll do that by taking an advantage of the free one-year offer that Google gives us so here are the things I'll show you creating a bucket using Google cloud platform will point that bucket to our domain will create an ssl using cloud flares free account then we'll create some page rules so everything goes to one domain two things you will need you need to have a Google cloud platform account if you don't have one I suggest you watch my video on how to create a Google cloud platform account here's the link to that second you need to have your own website domain you can buy it from any domain provider like GoDaddy there firms or even Google domains I personally use Google domains because they offer free privacy protection compared to other domain provider that charges $10 per year if you are new to this channel please consider subscribing I create videos specifically for Apple Amazon and Google so if you use any of those application then this channel is for you so first thing one do is log into our Google Cloud console from your home page click on the menu on the top left pick storage and then browser this is where we're going to create our pocket so now click create a bucket now we need a name for our bucket the best name to put is your domain name including the www so mike is my domain is www a an international travel com if your domain is in a different domain provider you're gonna need to verify your domain we're just gonna click continue so I can show you what will happen under choose where to store your data there's region to a region and what's region it's best to pick multi region if you want your website to be available nationally now since my website is just gonna be local I'm gonna pick a region now for a location you wanna pick the one that's closest to you so my case I'm in central so I'm gonna pick Central and now click continue for default storage class we have different options here for websites the best one to pick is standard the rest are for file servers and file archiving now click continue now control access to objects this is the permission we have an option for fine grain and uniform for our case the best option is uniform since our website is very basic once you've set the permission in this the permission will permanently take effect after 90 days for advanced settings this is optional so we're gonna leave it the way it is which is Google manage key all the settings are good so let's click create so you can see we have an error here saying that we need to verify the domain based on naming your bucket so let's go back to name your bucket click the learn more link to verify a bucket so this gives you all the information on how to verify your bucket but you simply have to scroll all the way down and look for open search console to start the verification type your domain here and then hit continue the next step is adding this text record into your DNS record of your domain from the drop-down lists here pick your domain provider and we'll give you an instruction on how to modify your DNS record if you bought your domain with Google domains simply copy this value then I'll go to Google domains edit my DNS and add a tax record leave the name blank then select txt on this drop-down then paste the value that I copied for the verification page now click Add every time you add or modify a DNS record always have to expect that you will have to wait for the DNS to propagate in this case it says 48 hours but most of the time it might be about 15 to 30 minutes meanwhile so we waited about few minutes we can go back to our google search console and click verify ok great my domain is now verified there are times that it might fail the verification and this is the error message if you do you just have to wait and REE verify now let's go back to our Google cloud platform then press the create button great our bucket has been created now the next thing we need to do is upload our HTML files we can drag the files here or click the upload button I'm going to use the upload button first thing when I upload the files which is just my index.html and then now I'm gonna upload all the folders I'm going to speed this up a little bit now that my files have been uploaded let's go back to our storage browser click this three dots and then select edit website configuration add your index file here as well as your 4 for page if you have one I don't have one so I'm just gonna put my index.html and then click Save now the next thing we need to do is make this public currently SS public access it's not public to do that click Add member under new members you want to put in all users and for select row you want to pick cloud storage and then storage object viewer now click Save it will give you a warning that this resource is going public just make sure the you only picked storage object viewer now click allow public access now the next thing we need to do is add a cname record on our domain provider so let's go back to our Google domains go to your DNS record settings under custom resource record @ww here put cname and put this value [Music] then click Add you then need to wait another 48 hours which might take again about 15-20 minutes so it's now past 15 minutes we can check our website I open a new tab and type in our domain so you can see now the website points to it if you find this tutorial helpful so far please hit like to help me out the next thing we need to do is add an SSL on this website to do that we're gonna use cloud fares free service so let's open another tab and go to CloudFlare comm let's create an account by clicking sign up create your username and password since it doesn't give you a password confirmation box make sure your click show so that you know what you're typing now click the Create account button now let's add our website name here you'll put our domain name here without the www click add site after select the free plan and then confirm the plan now it's gonna scan the DNS records that's in that domain and this is what I found yes all the C names that we put as well as a tax record once all that's good click continue the next thing we need to do now is update our name server we need to point our name server to cloud fair so the cloud fair can manage our DNS to do that we need to copy these two name servers go back to our domain provider go to your dns settings and change your name server and paste it here ok now click Save just like the other dns settings that will change we also need to wait on this one for it to take effect while we're waiting for that to take effect we can continue setting up our cloud clearcut click done check name servers on this page we're gonna choose the SSL that we need select for if your website doesn't contain any sensitive information and you also don't want to purchase a separate SSL scroll down turn on always use HTTPS and we also want to turn on auto minify which compresses our HTML file and for broadly we're gonna leave that on because it speeds up our website now click done we've now completed our setup if you run into issues and have questions please leave it in the comment below I'm just gonna check my SSL everything looks good now the next thing we need to do is add some Pedro's we're going to forward specific web address to one specific address I'll show you what I mean click create Pedro we're gonna type in HTTP and then our domain I'm gonna put a slash and asterisk we're gonna do forward URL we're gonna make sure it's permanent and then for destination will put HTTP and then WWE main them calm and put a slash and a dollar sign 1 then click Save and deploy we're allowed to add another page stroke according to this now let's click create again this time we're going to forward HTTP www in an asterisk we're gonna forward this as well select 301 and then we're gonna do the same thing HTTP www.tsiyon.org read all that and had no issues please click the like one if you haven't yet now let's go back to the overview page and down here we can click recheck now to see if the name service has been set up or you can simply wait about half hour and test a few moments later so it's been about half hour now we'll open a new browser and test my website I'll test the naked domain first and see if it forwards it great that seems to be working so now we'll test the WWN international travel com and this should automatically forward to the ssl website great that seems to be working as well if you want to create a wordpress website instead using google cloud platforms free offer here's a video for that thank you very much for watching I hope you find this video helpful leave a comment below if you have any questions

Channel: StuffedBox

Views: 9,318

Keywords: static website, google cloud platform tutorial, free hosting website, free ssl certificate for wordpress, free ssl certificate for website, verify your domain ownership with google, how to make a business website for free, gcp tutorial, stuffedbox, static website hosting in aws s3, free static website hosting, free static website with Google cloud platform

Id: KC3Ue-1y4Rg

Length: 12min 54sec (774 seconds)

Published: Sat May 02 2020