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?

[@uncover2752]

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

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

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

[@ManojChamikara]

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

[@pim8268]

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

[@TheCoderCoder]

So glad you're liking the videos!!

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

[@ryrilya2289]

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

[@yourhighness007]

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

[@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 ✨💫

[@saramshkhadka590]

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

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

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

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

[@nishantmohil3102]

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

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

[@moon_b]

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

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

[@user-yf9wc8bb7h]

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

[@dannx3144]

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

[@johnborron1059]

Thanks Jessica! That was extremely succinct and very helpful.

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

[@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 😍👌

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

[@BugillaVal]

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

[@sdsdsdsdfhvfyjijhtii]

Your explanation and content quality is amazing

[@william-wijaya]

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

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

[@knight_04]

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

[@ff4937]

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

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

[@randomweins4894]

Super Simple Dev, Cool works!👍🏻

[@varsdemahom3964]

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

[@dsnahogaragames]

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

[@PlanetXtreme]

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

[@vinaykotturi1283]

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

[@TheCoderCoder]

thank you so much!

[@huxnwebdev]

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

[@marufmarzuq]

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

[@TheCoderCoder]

glad my videos can help!

[@neerajKumar-sw6so]

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

[@TheCoderCoder]

awesome!

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

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

[@mantech560]

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

[@SamyarBorder]

Thank you ❤ that was pretty *useful* for me

[@faxhack]

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

[@debarstudio3153]

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

[@TheCoderCoder]

you're very welcome!

[@omaroukar5988]

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

[@TheCoderCoder]

You're 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!

[@clean.coder_]

thanks for the video, i really appreciate your work!

[@TheCoderCoder]

you're very welcome!

[@remtoi]

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

[@darkestbrush604]

Your explanation is top-notch !👌

[@TheCoderCoder]

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

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

[@lloyd27z]

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

[@icaromendes1250]

Thank you for the tip!

[@jbparkthree]

Thank you for sharing your expertice.

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

[@vanshkhera206]

Thank you so much!

[@ilovejesus.100]

Wow 🥺 Thank you so much

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

[@rashedaakter8808]

Thanks a lot why are you such a great person

[@SnobbyLion]

YOOOO this is DOPE!!! Easy and free!

[@muhammadwahyuramadhan7730]

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

[@TheCoderCoder]

Thanks for watching!!

[@developerfilip]

YES! 😍

[@_buffer]

Amazing!

[@RebelDillenger]

Awesome love

[@marsahere2621]

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

[@TheCoderCoder]

I'm really glad to hear that!

[@ItsNyxdrah]

Wow, thanks!

[@alekscorona]

Thank you!!!

[@josephinsylvere]

love it

[@xoCzarDaddy]

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

[@patatatatatata]

TYSM 🖤

[@reneiroc]

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

[@yassineammar4707]

very useful thanks

[@KaiBuskirk]

wow! you rock!

[@KaiBuskirk]

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

[@allenallen543]

I'm Waiting 😃

[@system7669]

Very helpful content👍

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

[@ksivasuriyaprakash9976]

Thank you learned a new thing🔥🔥🔥

[@TheCoderCoder]

I'm so glad this could help!

[@rainynight_ahm]

Wow this is so cool 👏

[@TheCoderCoder]

Thank you!

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

[@limecraftsproductions9442]

awesome tutorials jessy.

[@TheCoderCoder]

thanks for watching!

[@etc272]

It was a great expectations 😌😌😌

[@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 🤦🏼‍♀️

[@jaividyasagarr7110]

Waitin' for your Studio Tour!

[@TheCoderCoder]

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

[@jaividyasagarr7110]

@@TheCoderCoder Nice ! Waiting for that..

[@JcBthug]

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

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

[@sugiii9616]

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

[@roselfrancisco1463]

Maraming salamat po! mabuhay po kayu.

[@neewi_]

Omg u are so good ;-;

[@liztomqniia]

waiting !!

[@TheCoderCoder]

woohoo!

[@anekeifeanyi5129]

Thank you @coder coder for this video.

[@pankajthapaliya2336]

The Thumbnail 🔥🔥

[@TheCoderCoder]

glad you like it!

[@GKNaidu-hb5zv]

like the way of your talking ...
and info

[@Android-17]

🤩yes please!!!

[@TheCoderCoder]

🎉🎉🎉

[@Amal-zz3gl]

Thanks a lot sister

[@vivekmishra1703]

love from india very helpful video

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

[@thecodetex]

Cool, waiting...

[@TheCoderCoder]

Thank you!

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