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!

[@ryrilya2289]

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

[@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 RUclips is important...

[@TheCoderCoder]

So glad you're liking the videos!!

[@najmlion7129]

I love your videos!!!! The editing and quality of content 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 ✨💫

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

[@avneez1631]

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

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

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

[@moon_b]

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

[@johnborron1059]

Thanks Jessica! That was extremely succinct and very helpful.

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

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

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

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

[@william-wijaya]

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

[@sdsdsdsdfhvfyjijhtii]

Your explanation and content quality is amazing

[@dannx3144]

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

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

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

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

[@dsnahogaragames]

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

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

[@ff4937]

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

[@PlanetXtreme]

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

[@BugillaVal]

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

[@mantech560]

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

[@SamyarBorder]

Thank you ❤ that was pretty *useful* for me

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

[@darkestbrush604]

Your explanation is top-notch !👌

[@TheCoderCoder]

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

[@vinaykotturi1283]

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

[@TheCoderCoder]

thank you so much!

[@remtoi]

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

[@faxhack]

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

[@marsahere2621]

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

[@TheCoderCoder]

I'm really glad to hear that!

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

[@huxnwebdev]

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

[@debarstudio3153]

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

[@TheCoderCoder]

you're very welcome!

[@developerfilip]

YES! 😍

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

[@clean.coder_]

thanks for the video, i really appreciate your work!

[@TheCoderCoder]

you're very welcome!

[@jbparkthree]

Thank you for sharing your expertice.

[@SnobbyLion]

YOOOO this is DOPE!!! Easy and free!

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

[@lloyd27z]

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

[@muhammadwahyuramadhan7730]

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

[@TheCoderCoder]

Thanks for watching!!

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

[@icaromendes1250]

Thank you for the tip!

[@jaividyasagarr7110]

Waitin' for your Studio Tour!

[@TheCoderCoder]

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

[@jaividyasagarr7110]

@@TheCoderCoder Nice ! Waiting for that..

[@rashedaakter8808]

Thanks a lot why are you such a great person

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

[@ilovejesus.100]

Wow 🥺 Thank you so much

[@vanshkhera206]

Thank you so much!

[@reneiroc]

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

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

[@RebelDillenger]

Awesome love

[@_buffer]

Amazing!

[@pankajthapaliya2336]

The Thumbnail 🔥🔥

[@TheCoderCoder]

glad you like it!

[@roselfrancisco1463]

Maraming salamat po! mabuhay po kayu.

[@etc272]

It was a great expectations 😌😌😌

[@ksivasuriyaprakash9976]

Thank you learned a new thing🔥🔥🔥

[@TheCoderCoder]

I'm so glad this could help!

[@allenallen543]

I'm Waiting 😃

[@patatatatatata]

TYSM 🖤

[@alekscorona]

Thank you!!!

[@ItsNyxdrah]

Wow, thanks!

[@xoCzarDaddy]

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

[@limecraftsproductions9442]

awesome tutorials jessy.

[@TheCoderCoder]

thanks for watching!

[@rainynight_ahm]

Wow this is so cool 👏

[@TheCoderCoder]

Thank you!

[@system7669]

Very helpful content👍

[@yassineammar4707]

very useful thanks

[@KaiBuskirk]

wow! you rock!

[@KaiBuskirk]

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

[@josephinsylvere]

love it

[@sugiii9616]

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

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

[@liztomqniia]

waiting !!

[@TheCoderCoder]

woohoo!

[@JcBthug]

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

[@anekeifeanyi5129]

Thank you @coder coder for this video.

[@GKNaidu-hb5zv]

like the way of your talking ...
and info

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

[@neewi_]

Omg u are so good ;-;

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

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

[@Android-17]

🤩yes please!!!

[@TheCoderCoder]

🎉🎉🎉

[@soorajgk]

Cool thumbnail
You make thumbnail so nice!!

[@TheCoderCoder]

thank you!!

[@Amal-zz3gl]

Thanks a lot sister

[@thecodetex]

Cool, waiting...

[@TheCoderCoder]

Thank you!

[@thewarrior630]

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

[@vivekmishra1703]

love from india very helpful video