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

[@investorswatch]

Thank u so much! Clear and on point tutorial.

[@chessclub92]

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

[@juhikumari-ex5wz]

thanks it cleared all my confusions specially that yellow dot

[@fahmidapinky9311]

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

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

[@PoojaSharma-qc3qj]

Wow … wonderful … really liked it 👍🏻

[@madhusreeyalavarthi4147]

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

[@ajmal5942]

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

[@azizt6773]

thank you so much for the nice demonstration however one note i have is that its taking bit too long to load everything is that normal?

[@jamesharris3109]

Amazing, Thank you so very much. Perfect content!

[@dtplsd]

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

[@mjmares]

:|

[@hangjiang8771]

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

[@ElectronicBarta]

i am looking this kind of video for long time. you share this and solve my problem. thanks a lot for sharing.

[@Shafna2004]

In my case it’s not showing anything like that when I open pages

[@abutaherchowdhury9542]

thanks, this video cleared all my confusions

[@user-ho7bh8uq4i]

Thank you so much. Brief and very informative.

[@josephpaintsil4407]

how do i put the code in the repository?

[@DarkKnight-kq3is]

Simple and detailed 10/10

[@arshadahamed988]

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

[@siko.54]

thanks u help me upload my first project !

[@thatguy_08]

Why is it showing an error like file not found

[@ankitkumarsoni8292]

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

[@Mannyswanks]

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

[@isirawasala7175]

Try to upload your code using the terminal

[@Al_Gillani]

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

[@forlonforrester6039]

i guess its only for static websites?

[@sarojashostingcompany]

Thanks for your brief demo

[@itsbhargav5305]

Thank you,
Very helpful!

[@swordman3564]

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

[@ashabhadania3434]

a good start...keep it up

[@dontaskwhy513]

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

[@ddbharadwaj1]

Very well done 👍

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

[@neman36]

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

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

[@arjumandayub9049]

oh yes definitely it happens. This just means that computer science and being developer is a very new experience for you (same for me) and can feel sometimes overwhelming but just keep going. This is true for every new experience especially if it is isolated as compared to your previous experiences.

[@tanishqkathar26]

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

[@user-jz4yl1iq6p]

Will this site change if I add some new code?

[@user-js2is2wj3k]

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

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

[@snowy22441]

Typo probably? Just basing it off of your comment... If not then maybe try checking some parts of your code, such as style.css or script.js if there is something wrong there (wouldn't be the case if the html file is properly set up). Or lastly just the settings in your GitHub page...
What you want to put in here
Same
edit: Checked the other comments, you can try renaming your main HTML page as "index.html" to see if it works. 👍

[@AJITGUPTA649]

Very nice. Excellent

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

[@PRATICPANDA]

Thankyou. It worked..

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

[@Funnframess]

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

[@user-mp1uw5pv9p]

yellow button is not showing pls reply mam

[@AyomideAdeniran-vd8dg]

After doing this my image is still missing after publishing

[@hanasalah7562]

thank you so much this was useful

[@AnushaJeeguru]

for me it showing 404 error ....why?

[@X3NOGLADIAT0R850]

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

[@devisri179]

Save option ain't available

[@abhaysonwane4704]

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

[@timothymunyaka787]

SOURCE PUT ROOT

[@contentsofjoy]

Wow! Very great video

[@TheChildren-69]

then how to republish it?

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

[@gowda0000]

Good information 👍

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

[@nishantgaurav9026]

but i got error deploy error

[@user-io4sr7vg1v]

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

[@HimanshuGupta-jj8kn]

THANK YOU SO MUCH.

[@apoorvasingh1918]

A GREAT INFORMATIVE VIDEO

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

[@NullCodersp]

Is this work for telegram bot?

[@pulseshortsvideosforyou]

Thank you so much. On point

[@vampire__hunter]

thanks you are a life saver

[@mahdihussain7353]

thank you it's worked .

[@hacimwalker]

simple, and what i need

[@timothymunyaka787]

THANKS, JUST WHAT I NEEDED

[@nirmalunagar]

Thank you AKruti

[@paraggawade9045]

Easy n simple😊

[@NoXKP]

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

[@tamilselvans3234]

U SHOUD HAVE NODE FOR RUN REACT APP

[@ardraappu-fd6wd]

Why my website showing it's dangerous and unsafe

[@mjmares]

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

[@achira3927]

index.html, otherwise it would not show up

[@PenjagaLangitIndonesia]

Thank You Very Much!

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

[@haley8850]

is this permanent?

[@TANMAYTHAKRE-it87]

THANKS FOR SAVING MY TIME

[@Aman-lk2hk]

thank you for to the point video

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

[@LiamChii]

theres no yellow dot

[@myselfAlien]

Thank You so much

[@vipanmankotia2729]

Excellent

[@shaggykashyap2]

thanks alot man!!

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

[@bikalpa_kc]

Thank you!

[@algrew_]

Thankyou Aunty

[@akhileshkumarchaturvedi4227]

Well done.

[@chatgpt_four]

love u mam heart full thanks fron INDIA

[@fahaadslayeredit]

thanks its very helpfull

[@ceydagulen9750]

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

[@vitiadaugunu]

does it say "Upgrade or make this repository public to enable Pages" if yes than you have to pay for a subscription.

[@narendradevbhardwaj1556]

👌🌹well done 👍

[@bussi911]

thank you for making this video

[@deezrr432]

Thanks!

[@srikantpradhan6038]

Now its not free anymore.. it asking to upgrade

[@kranthikumar9314]

yeah for me also the same

[@ligiaciutacu5013]

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

[@jacktonmboya538]

thanks for your help

[@PLAY254MUSIC-ky1rh]

Big uo...wozaa

[@mshscontent4196]

thank you very much