Host website on github for free in just 2 mins

Hey guys, in this video I will show you how to host a frontend website live using GITHUB Pages for free, it's super easy and fun !

[@parasi8699]

Thanks , my issue wasn't directly related to this video , but you did few steps on build and deploy page which actually fixed my issue.

[@TheWword]

how much it took for DNS ropogation?

[@dhokiarinidh9809]

Thank you for the quick and brief demo

[@nilanshpathakk760]

i had many more files, like style.css, some js files and pictures in the website, if any of you have tried, it was not working. The fix is instead of /root in hosting pages, select /docs

[@rohitk472]

i tried to deploy my react project, but its just showing me empty page ,, what should i do ??

[@mfdnl]

@@rohitk472 i got the same problem too, have you found the solution?

[@abby-1020]

@@rohitk472 same question

[@juhikumari-ex5wz]

thanks it cleared all my confusions specially that yellow dot

[@investorswatch]

Thank u so much! Clear and on point tutorial.

[@PoojaSharma-qc3qj]

Wow … wonderful … really liked it 👍🏻

[@ajmal5942]

For this video I subscribed your channel...
Thanks a lot ❤

[@dtplsd]

thanks, this actually helped a lot, moving from replit to github was really confusing

[@mjmares]

:|

[@chessclub92]

what if my application is written in react.js and express js?

[@fahmidapinky9311]

Thank you so much. It was helpful. I just published my page watching this video.

[@DarkKnight-kq3is]

Simple and detailed 10/10

[@user-ho7bh8uq4i]

Thank you so much. Brief and very informative.

[@satyambansal728]

In my case it is only showing the resporitry name and description, when website got live

[@gopick1791]

For me also how you fix this

[@indianAakash]

Same for me

[@indianAakash]

You found any solution?

[@gopick1791]

@@indianAakash I found the solution rename the main html file into index.html and upload it next try to build

[@indianAakash]

@@gopick1791 thanks man, I'll try it

[@abutaherchowdhury9542]

thanks, this video cleared all my confusions

[@siko.54]

thanks u help me upload my first project !

[@jamesharris3109]

Amazing, Thank you so very much. Perfect content!

[@sarojashostingcompany]

Thanks for your brief demo

[@ashabhadania3434]

a good start...keep it up

[@SuchithKatakam]

Thank you!! This vid is very clear

[@madhusreeyalavarthi4147]

It shows error in build with jekyll what should i do now ?

[@parthpandiya1729]

this stuff is too complex for me, takes every bit of me sometimes to comprehend some of the topics and concepts in sft engg, is it supposed to be like this. whats your experience??

[@ddbharadwaj1]

Very well done 👍

[@johgable]

thank you I followed your instruction but when I go on the website I can see the name of the depositary and " at the top, how can I get rid of It please ?

[@itsbhargav5305]

Thank you,
Very helpful!

[@hangjiang8771]

does this work with other coding languages like python? i not hosting a website but I need host the code somewhere 24/7

[@Mannyswanks]

404 file not found when trying to upload my folder for a portfolio.

[@isirawasala7175]

Try to upload your code using the terminal

[@Yemisi.Owoade]

This video just help my troubleshoot my bug. 😂😂😂
Was trying to create an analyst website portfolio for my projects but I couldn’t figure it out as my repository wasn’t publishing on GitHub. I followed your step by step instructions and it worked….
I love you ❤❤❤… don’t mind me, I can be a little dramatic 😂😂😂

[@josephpaintsil4407]

how do i put the code in the repository?

[@arshadahamed988]

After sometimes changed some code in it will it reflect in host too??

[@gowda0000]

Good information 👍

[@contentsofjoy]

Wow! Very great video

[@ankitkumarsoni8292]

when opening the link is shows the readme file on the browser
???

[@AJITGUPTA649]

Very nice. Excellent

[@ceydagulen9750]

when ı go to pages ı cannot see that you see in the page can you help me a bit

[@neman36]

Thank you, it solved my problem in a short time))))

[@thatguy_08]

Why is it showing an error like file not found

[@maltibhokare5814]

Thank you so much for this video which is very helpful for me ❤

[@Suresh-ug1vu]

You have helped me alot,
Thankyou so much

[@dab_ke]

Thank you. Just what I needed

[@BlackLegSanji69]

Hello madam , I deployed my React web app in github pages and tried to send data to my localhost server on my pc , it worked on my pc but can't send data from smartphone . I have cors in java spring still backend not getting data from my react webapp

[@akritigoswamiLetsCode]

Hi
If your React web app is able to send data to your localhost server on your PC but not from your smartphone, there are a few things you can check and adjust to resolve the issue. Here are some steps you can take:
Update CORS Configuration in Spring:
In your Java Spring backend, ensure that CORS (Cross-Origin Resource Sharing) is properly configured to allow requests from your React web app, including requests from your smartphone.
You can do this by adding the @CrossOrigin annotation to your controller methods or by configuring CORS globally in your application. Make sure to set the allowed origins, methods, and headers appropriately.
@RestController
@CrossOrigin(origins = "your-react-app-url", maxAge = 3600)
public class YourController {
// Your controller methods
}
Also, Make sure you are using the correct URLs in your React web app to send requests to your Java Spring backend.
Instead of using "localhost" in your API requests, use the actual IP address or hostname of your PC. This ensures that your smartphone can reach your PC's server.
const apiUrl = "your-pc-ip-address:your-server-port/api/endpoint";
// Use apiUrl in your fetch or axios requests
You can also Check Smartphone Browser Console:
Open the console in the browser on your smartphone and check for any CORS-related errors. This can provide insights into what might be going wrong.
Use browser developer tools on your smartphone to inspect network requests. Check the request and response headers for any CORS-related issues.

[@X3NOGLADIAT0R850]

i only see an h1 that reads the name of the repository and another one that reads the content of the readme

[@nirmalunagar]

Thank you AKruti

[@hanasalah7562]

thank you so much this was useful

[@Al_Gillani]

So it doesn't need any back end? Will this website work?

[@forlonforrester6039]

i guess its only for static websites?

[@pulseshortsvideosforyou]

Thank you so much. On point

[@tanishqkathar26]

Does it works if there are more then 1 html files linked to each other🤔🤔💬

[@ankithamirani4491]

AchhA Hai..!! But I have a Question..!! Agar Php website ko GitHub pages ke through hame live karvana ho with database to vo ham kese kare..?? Uske upar ek video banao

[@hacimwalker]

simple, and what i need

[@swordman3564]

How can we see the link to the hosted website again?

[@Game_In-life]

do anybody know hot to make the domain into you repository name instead of your user name

[@awesomedog491]

I am experiencing the same problem. I cant set the CNAME of my website because the link made by github includes my directory

[@HimanshuGupta-jj8kn]

THANK YOU SO MUCH.

[@dontaskwhy513]

why mine said page not found
or file not found error 404

[@vipanmankotia2729]

Excellent

[@PRATICPANDA]

Thankyou. It worked..

[@user-js2is2wj3k]

Does they charge if i didn''t unpublish the site??

[@AyomideAdeniran-vd8dg]

After doing this my image is still missing after publishing

[@anananananananana]

Bro, when i did with custom domain, it shows the repository name at the top of the portfolio website i created, how do i remove it??

[@TechnoFusionTech]

maybe

[@anananananananana]

@@TechnoFusionTech yep.. Removed it

[@abhaysonwane4704]

I m getting Jekyll conversion error even though I am not using Jekyll themes

[@timothymunyaka787]

SOURCE PUT ROOT

[@paraggawade9045]

Easy n simple😊

[@timothymunyaka787]

THANKS, JUST WHAT I NEEDED

[@akhileshkumarchaturvedi4227]

Well done.

[@narendradevbhardwaj1556]

👌🌹well done 👍

[@vampire__hunter]

thanks you are a life saver

[@user-jz4yl1iq6p]

Will this site change if I add some new code?

[@Funnframess]

bang makasih banyak sebelumnya tapi gua mau nanya, kenapa web gua gak bisa di publish yak? malah error jadinya

[@mahdihussain7353]

thank you it's worked .

[@PenjagaLangitIndonesia]

Thank You Very Much!

[@portraitube]

You make it seem so easy! haha yet somehow I still can't make it work

[@sinanajafi44]

How can I republish again? it doesn't work after i accidentally unpublished my page pls help

[@akritigoswamiLetsCode]

Hi, follow the same procedure as shown in the first half of the video !

[@PLAY254MUSIC-ky1rh]

Big uo...wozaa

[@user-io4sr7vg1v]

this thing is not publishing my html page. It is publishing a markdown document.

[@bussi911]

thank you for making this video

[@Aman-lk2hk]

thank you for to the point video

[@TANMAYTHAKRE-it87]

THANKS FOR SAVING MY TIME

[@devisri179]

Save option ain't available

[@NoXKP]

does this work for a react app, if i have an build folder ?

[@tamilselvans3234]

U SHOUD HAVE NODE FOR RUN REACT APP

[@fahaadslayeredit]

thanks its very helpfull

[@jacktonmboya538]

thanks for your help

[@UmeshKumar-cw9sb]

Well done

[@experimentswithme2708]

Can host only front-end website? Or both(front-end and back-end) ?

[@akritigoswamiLetsCode]

As much as I know, GitHub Pages is designed to host static websites, which means it's primarily suitable for hosting front-end content. GitHub Pages may not provide server-side processing or the ability to run back-end code.

[@experimentswithme2708]

​@@akritigoswamiLetsCode Okay👍

[@techmay1201]

can I create multiple github pages for different projects?

[@whateveritis0]

Yes

[@akritigoswamiLetsCode]

Yes, you can create multiple GitHub Pages for different projects within the same GitHub account. Each GitHub Pages site is associated with a specific repository and can be configured independently.

[@algrew_]

Thankyou Aunty

[@mjmares]

does the main html file have to be called main.html?

[@achira3927]

index.html, otherwise it would not show up

[@amarnathbakhandi3874]

Great way of presenting the video, use your voice for the next one

[@TheChildren-69]

then how to republish it?

[@deezrr432]

Thanks!

[@NullCodersp]

Is this work for telegram bot?

[@nishantgaurav9026]

but i got error deploy error

[@LiamChii]

theres no yellow dot

[@srikantpradhan6038]

Now its not free anymore.. it asking to upgrade

[@kranthikumar9314]

yeah for me also the same

[@ardraappu-fd6wd]

Why my website showing it's dangerous and unsafe

[@obyedullahilmamun]

Thank you.

[@sagarverma6399]

it is not working as showing "Upgrade or make this repository public to enable Pages"

[@obyedullahilmamun]

@@sagarverma6399 Hello, Make your repository public when created. Not private. Then follow these steps. When you create a repository, there is options for public and private.

[@user-ue4gk6lp4z]

Thanks

[@mshscontent4196]

thank you very much

[@ghoratnefasto2559]

GREAT!

[@Lizardbeatz]

yesirrrrrrrrrrrrrrrrrr

[@ligiaciutacu5013]

Thank you so much for this video. It saved my time.

[@Prashfle]

TYSM!

[@MemoonaJannat]

greate

[@haley8850]

is this permanent?