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

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

Просмотров 15 тыс.

50% 1

On this Google Cloud Platform Tutorial, you will learn how to create a static website using Google Cloud Platform's free 1 year offer. I will also show you how to get a free SSL using Cloudflare's free offer.
If you feel that I helped you, buy me a coffee: ko-fi.com/stuf...
Here are the things you will learn:
1:17 Create a Bucket using Storage Browser
3:22 Verify that you own your Domain
5:15 Upload files and folders to your Bucket
6:12 Make your Website Public
7:54 Add an SSL
10:39 forward non-www to www website using Page rules on Cloudflare
11:58 waiting for paint to dry
If you have any questions or comments, leave it on the comment below.
Channel Playlists
AWS Tutorial Playlist
• AWS Tutorial
Google Web Designer Tutorial Playlist:
• Google Web Designer Tu...
Google Cloud Platform Tutorial Playlist
• Google Cloud Platform ...
🔴 Find me on SOCIAL MEDIA:
Twitter - / thestuffedbox
Instagram - / thestuffedbox

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

29 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@kennapeace5444 Год назад

How can I use google cloud ssl certificate instead of CloudFlare?

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

Make a video on how to setup google Adsense to own website.. a to z

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

Thank you vary much for creating this video. Please guide us to set SMTP or contact form with mail ID

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

What about and no www there is no rule for that so would that work?

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

Can we use GCP itself instead of cloudfare?

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

I added cloud flare server names to my Google Domain DNS and did everything as you explained but even after 1 day the website is still not secure. Any suggestion?

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

check your images, most likely you have images that are being served somewhere that doesn't have SSL

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

@@StuffedBox Thanks for the reply buddy. You got new subscriber now 😎 The issue is am getting "NET::ERR_CERT_COMMON_NAME_INVALID" error. #AnySuggestion? And yeah am loading images from Google drive link. Is that because of this??

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

@@chandanys6593 double check your CNAME, is it pointing to the right domain? I would remove and re-add it

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

@@StuffedBox Thank you. It's working now. As you said before, images are being served from somewhere.

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

@@chandanys5842 That's amazing!

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

I have 2 questions: 1) When creating the bucket, you must necessarily add the www? 2) Everything worked fine for me, but when entering my page without the www this does not work. How could this be solved without adding a rule in cloudflare that redirects to the page with www? I need the page to always be without www

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

Yes, you need the www when creating a bucket, either wise it won't work. For the non-www to work, you need to create page rules using Cloudfare, it's mentioned on the video.

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

Thank you so so so much. I was stuck in this step and your content is really valuable. I searched the whole internet but I couldn't find an explanation this good.😁

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

Why you should write double the rules in transferring from HTTP to HTTPS?

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

In case http doesn’t go automatically to https

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

So, it looks like there is at least one step missing here if you don't host your domain name with the small list of registrars in the select menu shown in the video. Anyone know if it's possible to do this if you have your domain name hosted at namecheap? It looks like maybe you need to create a second cname record somehow.

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

Are you referring to domain verification? If so, pick 'Any DNS provider'. If it's something else, let me know.

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

On your Namcheap Domain list, click your domain, then you'll see one of the tabs 'Advanced DNS'. Click that. Then look for 'ADD NEW RECORD' link. Add your domain verification and CNAME there

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

how much is the cost per month?

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

Hi! Can you make a video abouts SSL certificate using the same Google Cloud Platform? I'm having trouble with that :( I know it makes no difference but did you experience any issues too?

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

What kind of issue did you experience?

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

@@StuffedBox well, I had the SSL certificate up and running, and then I uploaded content from Gatsby Cloud into the bucket and it stopped working even though it had the SSL in a green mark.

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

another question, why don't you use Cloudflare thought as described on this video? It gives you CDN which makes your site load much faster

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

@@StuffedBox The free plan includes only 3 pages, do you know what does it refer to?

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

Ask. No free domain in google cloud? or you need to buy domain in google domain? Thanks!

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

You’ll need your own domain, I have not found a free custom domain

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

thanks for the video, great work! one question: is it possible with google cloud to fine-adjust the access to my static files? lets say i have got a "login.html" and a "content.html". I want that everybody can visit the "login.html" but only authenticated users can visit the "content.html". Is that possible at all with GC?. Thanks in advance!

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

What you need is a login form on your html, similar to this www.w3schools.com/howto/howto_css_login_form.asp

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

thanks for this video! i do have some questions. is it possible to upload a dynamic website? i have a website that is in heroku, i built it with node, and express. how do i migrate them to storage bucket? thanks in advance for you answer! (liked and subscribed!)

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

Thanks for watching and subscribing. From what I read, you can't use a Google Bucket to run Heroku. You'll need Google Cloud Run for that, which I have yet to try. I will experiment with it more. In the meantime, here's the overview: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gx8VTa1c8DA.html&feature=emb_logo

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

For this to work, is it required that you named your bucket the same as your domain name. It looks like you have to do some stuff at your domain registrar like at a text record. Does that serve two purposes, to verify that you own the domain nameand also to make the SSL certificate work? Or is it only required to name your bucket the same as your domain name. You didn't really explain why you named the bucket your domain name. Is the only reason that you did that so that it would be a unique name? If this works, it will be the first tutorial that I've tried that works on RU-vid. I have already wasted several hours trying to make this work by trying to follow older RU-vid videos. It's really hard for me to believe that Google wouldn't make this easy to do with just one click. Something tells me Google doesn't want this to work and they keep changing things to make this not work.

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

Yes, you have to name it your domain name. I have tried to make it something else in the past and it won’t work.

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

Thank you very much about the video. I have learned a lot

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

I'm happy that you did

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

Excellent guide! Thank you very much for this.

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

I was using cloud to host but SSL part really helped me, thank you

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

i cant use Full Encrypts end-to-end, using a self signed certificate on the server , I but I can use Flexible Encrypts traffic between the browser and Cloudflare , how can I do full ? thanks

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

Really awesome guide! I used it on a registrar that only allowed A records for the domain name, which I was linking to a Heroku site that normally only works with DNS that has CNAME or ALIAS capabilities. This solution here worked like a charm, now the website has SSL and DDoS protection!

@AdityaSingh-gc3fe 4 года назад

can I upload static flutter web apps?

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

I’ve never tried. You can use HTML, CSS and JavaScript for static websites

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

Hi buddy! Question, can I upload PHP files? Good stuff!

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

It should. I've tested it with a contact page that I recently created and it loaded fine.

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

@@StuffedBox Bro, question, I got the 'No such key' error, my question is, my index is an .php file, do I have to put the .php extension instead of the .html on the web configuration? And, what happened if my index is inside of a folder, do I have to specify the path in the web configuration? Is there any problem to upload folders? Appreciate your time brou!

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

Thanks a ton, you are a life saver!

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

Glad to hear that!

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

Thank you so much for this. Clear and straight to the point.

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

How would you implement version control on something like this?

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

You can read more about Object version for your bucket, by going here: cloud.google.com/storage/docs/object-versioning Unfortunately, it's not something I have explored yet.

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

@@StuffedBox Thanks, I'll have to look into it.

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

how can i install Origin Certificates in google cloud static website

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

Thank you so much! This was so efficient.

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

Thank you so much

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

You're most welcome

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

Very good man, thank you soo much

@ma.jeanantoinepadua687 3 года назад

Thank you so much for your help

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

Thanks

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

you're welcome

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

Hello.. there is a 501 error every time whenever i am using cloudflare with google google cloud... please help me to solve this I am using wordpress here

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

Who is your Domain provider?

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

Bigrock

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

Please let me know if you have any questions regarding this tutorial. Leave it on the comment below. Thank you for watching

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

Hi, and thanks for sharing, im trying to do what you did on the video. My domain is being handled by GoDaddy though, still i got to configure the cloudflare SSL certificate and point godaddy towards the specified servers at cloudflare. The configuration seems to work fine some times, however for some reason most likely when attempting to visit the site you get the error 522 (hosting not available, im using a GCP bucket) do you have any idea what might be happening?

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

I looked up the error 522 and it's not clear if the issue is with Cloudflare or GoDaddy. Did you double check the DNS settings? If you did, remove Cloudflare temporarily and point your DNS to Godaddy only. Once you've done that, do you still get the error?