Deploy your website for free with Cloudflare Pages and GitHub!

🔥 Learn how to build a responsive website from a Figma design with HTML, SCSS, and JS: coder-coder.com/responsive/
☁️ Deploy your website for free with Cloudflare Pages: pages.cloudflare.com/?
Have you ever wondered how to deploy your website and put it on the internet? In this video I'll show you how to put your website online for free, from a GitHub repository. With Cloudflare Pages, you can host your static website on their global servers in just a few minutes.
0:00 - Intro
0:27 - How web servers work
1:02 - Start with your GitHub repository
1:23 - Set up project and connect GitHub account
2:27 - Set up build and deployment
5:47 - Let's see how fast this website is
6:45 - Web analytics in Cloudflare dashboard
7:20 - Collaboration features when you're working on a team
8:19 - Testing preview links when a new commit is made
____________________________
🔥 My course: Responsive Design for Beginners! coder-coder.com/responsive/
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/af...
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: / @thecodercoder
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: marketplace.visualstudio.com/...
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: coder-coder.com/responsive/
🌟 Gulp for Beginners: coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard, Vissles V84 -- vissles.com/?ref=mu96kxst5w -- 🔥 get 10% off with code THECODERCODER --
💻 Other gear -- www.amazon.com/shop/thecoderc...
📚 My Favorite Books -- coder-coder.com/best-web-deve...
📺 My Favorite Courses -- coder-coder.com/best-web-deve...
🔽 FOLLOW CODER CODER
Blog -- coder-coder.com/
Twitter -- / thecodercoder
Instagram -- / thecodercoder
#webdevelopment #coding #programming

[@catreunion]

Thanks!

[@catreunion]

Thank you Jessica.

[@TheCoderCoder]

Thanks so much!!

[@wishing180]

Can we appreciate the fact that she tries to reply to all the comments 👏

[@zokhcat]

Yes for sure

[@TheCoderCoder]

I try my best!

[@dontknow1799]

yup

[@lilbro7616]

I need your email

[@wishing180]

@@lilbro7616 why bro?

[@TechwithLaughter]

I am almost 17, and creators like you provide quality content for us and I really appreciate it ma'am! Keep growing sis!

[@TheCoderCoder]

glad to hear that!!

[@colebrazeal9432]

EREN YEAGAH!!!!

[@uncover2752]

I love the way she explains a thing clear and easy to catch. ✨

[@ManojChamikara]

Love the way you explained ❤️❤️
as always thanks for the great content! 🔥🔥

[@ryrilya2289]

And I missed this till this day?! Unbelievable...
This is what I needed right now, thank you very much :3

[@abelmesay]

I was looking hosting company to host my portfolio website and i hosted it to cloud flare successfully for free after I watched your video thank you very much!!!!😊

[@saramshkhadka590]

Watch all the ads cause this is the way to appreciate your work. Thank you, enjoying from Nepal.

[@yourhighness007]

Thankyou so much, I can't emphasize enough on how helpful this was... u're a lifesaver

[@avneez1631]

Thank you so much! I've been just looking for it along with Git.
Thanks 💥

[@najmlion7129]

I love your videos!!!! The editing and quality of content is amazing!!!!

[@alfiekinnies]

Binging the live coding tutorials while coding myself so I don't get stuck in tutorial hell - thanks for the great content!

[@TheCoderCoder]

Awesome!!! Thanks for watching!

[@andrewcox4324]

Thank you so much for allowing us to see this service! I have been sitting here watching in amazement!

[@TheCoderCoder]

you're very welcome!

[@pim8268]

This channel is just amazing! Such usefull stuff for us begginers and I love the way she explains everything. This is why TH-cam is important...

[@TheCoderCoder]

So glad you're liking the videos!!

[@SimpleComment]

Greetings from the Philippines. I just started learning how to code. Thank you for all of your content. Looking forward for more. I wish you well.

[@johnborron1059]

Thanks Jessica! That was extremely succinct and very helpful.

[@moon_b]

I have been seeking such kind of deployment environment, thanks for making this easy

[@nishantmohil3102]

Thank you so much for making such beginner friendly courses love your content just started watching it.💜💜💜💜

[@dannx3144]

oml this is what i needed right now, thank u sm! i love how incredible u are and ur content sm!

[@user-yf9wc8bb7h]

Thank you very much for this video, now I have another interesting option to deploy my website projects with Github.

[@sdsdsdsdfhvfyjijhtii]

Your explanation and content quality is amazing

[@chaitanyaprabuddha4788]

I love your videos, and I recommend them to everyone who asks me how to get started or how to get better at programming.

[@TheCoderCoder]

Thanks so much, I appreciate it!!

[@etc272]

I'll rate to this teacher by Gold Star ✨💫

[@william-wijaya]

This was really eye opening for someone new in web. thanks for sharing.

[@knight_04]

This is so cool! I didnt know about it so thanks for explaining.

[@berozgarkhan102]

You videos start like if there is some ad that has just started to run ... Your voice is of that kind, suitable for ads too 😍👌

[@yoovanshubajaj6125]

I really love your channel. One thing that infuriates me the most is that, WHY IS YOUR CHANNEL SO UNDERRATED. UGH😫

[@ARTECH19]

I agree.

[@dsnahogaragames]

Fantastic video my fave coder! Very explanatory ♥️♥️♥️

[@programmingwithcybineer]

Thank your for this video... this is the one area i feel i stifle at the most.. how to deploy.... you've made this simple and easy to understand.... thank you so very much

[@varsdemahom3964]

Really appreciate, all I have to do now is showcase my simple portfolio to my friends. Thanks mom.

[@randomweins4894]

Super Simple Dev, Cool works!👍🏻

[@ff4937]

Nice video! I like the feature branching workflow in cloudflare. Very cool!!

[@BugillaVal]

I just subbed to get started trying make a buisness online and i love the channel!! So possitive!

[@PlanetXtreme]

Thanks Coder Coder! I am a newbie at website stuff and this was very helpful. Thank you.

[@faxhack]

Thanks for telling me about this feature that i didnt know cloudflare had ❤

[@mantech560]

Thank you so much for this, you're amazing!

[@techm_b_yo2toyoutube899]

I'm not a beginner but I think I still learn a lot from you. Keep it up.

[@TheCoderCoder]

Thanks so much!

[@flippero4918]

I just made my first html website thanks to your videos. I mean its still only a file and it isnt connected to the internet but one day I will make a full website and hopefuly with your help too 😁

[@TheCoderCoder]

Awesome!! You got this 😁

[@remtoi]

girl you are so smart thank you so much for helping me

[@vinaykotturi1283]

This is one of the cool projects I have ever seen. great video

[@TheCoderCoder]

thank you so much!

[@neerajKumar-sw6so]

Thank you so much I was looking for it since a long time😍🤗

[@TheCoderCoder]

awesome!

[@huxnwebdev]

First Time Watching Your Video (new to channel)
When the video starts i thought its ad 😀
btw Nice Content 💖✌

[@darkestbrush604]

Your explanation is top-notch !👌

[@TheCoderCoder]

Thanks for your kind words, I'm glad you like it!

[@marufmarzuq]

I fully understand the way you teach. Thanks a lot ❤️

[@TheCoderCoder]

glad my videos can help!

[@SamyarBorder]

Thank you ❤ that was pretty *useful* for me

[@nandanaviswanath5413]

I didint have much interest in coding and I thought like coding is not my cup of tea.But after watching your videos, I am really getting inspired to code,especially seeing the life story video of yours where you told how you started coding....You are really motivating me a lot💕💕

[@TheCoderCoder]

awesome! Give it a try! I recommend FreeCodeCamp as a great place to get started, since it's free!

[@nandanaviswanath5413]

@@TheCoderCoder thank you so much!!!!!

[@natasyaaulia6662]

this video would very helpful, but for me- i just started learning web developing and as a person who has no IT background i find it hard but i won't give up (BECAUSE: the ERA is changing, people rely on digital, and i realize if i don't start to learn i'm gonna losing my mind, lol) so this is gonna be helpful-after i pass the other beginner steps. Thank you Jessica

[@TheCoderCoder]

Thanks for watching! And you got this!!

[@etc272]

Hello friend this is Shafa is a smaller like you.

[@customname4680]

1 year later, how far have you gone

[@natasyaaulia6662]

@@customname4680 still nobody and didn't know what i'm doing lol

[@morecryptoonline3278]

@@customname4680😂

[@marsahere2621]

You’ve made the job of hundreds, hundred times easier…

[@TheCoderCoder]

I'm really glad to hear that!

[@steveguy6445]

Great Video, one thing I would like to point out is that you can also deploy your static website on GitHub directly with Github pages as well.

[@FamousLegoMaker]

THANK YOU! As someone who is currently taking a web development class, this helps me a lot! I don't have to rely on my school's web domain anymore! Especially since my college changed it where you have to be on campus to upload the website... Again thank you!

[@omaroukar5988]

Wow you make everything easy, Thank you very much miss Coder 😊😊

[@TheCoderCoder]

You're welcome 😊

[@jbparkthree]

Thank you for sharing your expertice.

[@iakhileshsoni]

Thanks Jessica for this wonderful share ☺️ It really helped a lot of people 😊 This is first time I found your video and it's really helpful

[@clean.coder_]

thanks for the video, i really appreciate your work!

[@TheCoderCoder]

you're very welcome!

[@roselfrancisco1463]

Maraming salamat po! mabuhay po kayu.

[@debarstudio3153]

Thank you sis for sharing this tutorial .. It would benefit us a lot

[@TheCoderCoder]

you're very welcome!

[@prithvimarwadi345]

ON TIME 😈😈 gotta get this as im looking to publish my own website next month THANKSALOT in advance

[@TheCoderCoder]

woohoo!!! You got this!

[@urbncampr]

As someone who is making a website for their college thesis this is really useful to know for my future. Thanks for the info hopefully I will do something like this in the future need to setup a github page first DX

[@TheCoderCoder]

Glad it was helpful!

[@SnobbyLion]

YOOOO this is DOPE!!! Easy and free!

[@farjanashaik9601]

so, i have created a basic html, css and javaScript portfolio should i need to have a gulp file in it to host my project on cloudflare if not what should i use for build command while hosting?

[@reneiroc]

Excelente contenido y explicación, desde ya soy un suscriptor jeje😄

[@jaividyasagarr7110]

Waitin' for your Studio Tour!

[@TheCoderCoder]

That's coming out next week!!! Very excited about that one 🎉🥳

[@jaividyasagarr7110]

@@TheCoderCoder Nice ! Waiting for that..

[@SeemaYadav-is4pw]

I have been trying to do this from a long time and now I can deploy my app thxxxx

[@TheCoderCoder]

you're welcome!

[@muhammadwahyuramadhan7730]

What a wondefull channel.. 🎉
Clap and love from indonesian🔥❤️

[@TheCoderCoder]

Thanks for watching!!

[@icaromendes1250]

Thank you for the tip!

[@rashedaakter8808]

Thanks a lot why are you such a great person

[@ilovejesus.100]

Wow 🥺 Thank you so much

[@lloyd27z]

thank you very much.I'm really appreciate your video.This video help me a lot.

[@xoCzarDaddy]

she definitely deserves more subs !!🎉 great job .. i came across your channel when i saw that vscode theme video... and never left 🦄

[@etc272]

It was a great expectations 😌😌😌

[@system7669]

Very helpful content👍

[@ksivasuriyaprakash9976]

Thank you learned a new thing🔥🔥🔥

[@TheCoderCoder]

I'm so glad this could help!

[@limecraftsproductions9442]

awesome tutorials jessy.

[@TheCoderCoder]

thanks for watching!

[@vanshkhera206]

Thank you so much!

[@kevinkengei]

Hiya. Thanks for the informative video first of all. I noticed you mentioned this is for a static website and my question is, will this not work well for a dynamic web app? And if so what would you recommend instead?

[@rainynight_ahm]

Wow this is so cool 👏

[@TheCoderCoder]

Thank you!

[@sugiii9616]

Hi, thank you for this well explained tutorial.
This method could work with a PHP website too ?

[@mrindia4178]

Please make a detailed video regarding what is cdn and how to use cloudfare cdn. By the way as always awesome quality content

[@TheCoderCoder]

Thanks for the suggestion! And thank you for watching!

[@vivekmishra1703]

love from india very helpful video

[@GKNaidu-hb5zv]

like the way of your talking ...
and info

[@JcBthug]

I didn’t know about this, great explanation btw & could I deploy a PHP project as well or that doesn’t work?

[@geennaam9744]

I do webdev for 5 years and I can a little bit git and github html css3 gulp Javascript php i a learn a lot from you I found tech always interested but sometimes most I work on my health with fat and so and than back to code

[@yassineammar4707]

very useful thanks

[@neewi_]

Omg u are so good ;-;

[@ItsNyxdrah]

Wow, thanks!

[@RebelDillenger]

Awesome love

[@_buffer]

Amazing!

[@pankajthapaliya2336]

The Thumbnail 🔥🔥

[@TheCoderCoder]

glad you like it!

[@chriseski]

Cloudfare service looks really nice and your explanation clear. Do you have any short advice or an upcoming video about Github Pages? Seems pretty confusing as for the images not showing (due to file paths)
Great content and instructions in every video, thank you so much!

[@lene3667]

Github pages just don’t work for me. I’ve tried so many times. Came here for a different way to deploy my app 🤦🏼‍♀️

[@roselyng1928]

Thank you so much for this. 😍 I've been looking for a cheap web hosting for my portfolio, but you've shown me the free way to do it.
Question: Can I also apply this to a website with 2 to 4 web pages?

[@SirusStarTV]

Just add links to other html pages

[@TheCoderCoder]

Yes, you can have other pages with their own HTML files, then link them like Gerydome said 😁

[@Abu-tm6et]

I am fan of your coding

[@KaiBuskirk]

wow! you rock!

[@KaiBuskirk]

got lost... sorry needed a simpler beginner setup
tyia

[@RameshKumar-mv3jd]

Thanks for the video. What would you say the limitations are of using a service like this versus paying for hosting?

[@TheCoderCoder]

If you need a traditional back-end like PHP, then this won't work and you'd need traditional hosting. hope this helps!

[@BharathKumar-iq7ku]

@@TheCoderCoder can we host the react js projects?

[@alekscorona]

Thank you!!!

[@hanadijarwan8975]

Hello Coder Coder. I have just created my first website, but it says that my page can’t be found. Is is because of the Build Command? How do you create the Build Command? I really appreciate your videos! Thank you so much!

[@soorajgk]

Cool thumbnail
You make thumbnail so nice!!

[@TheCoderCoder]

thank you!!

[@anekeifeanyi5129]

Thank you @coder coder for this video.

[@thewarrior630]

Hi,
Glad to see this video.
Is it not illegal to upload website for free?

[@josephinsylvere]

love it

[@abdirahmanmohamedhassan9254]

Thanks for the video, Can't everyone see your source code from github though? Can i delete after deploying?

[@allenallen543]

I'm Waiting 😃