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

[@user-ho7bh8uq4i]

Thank you so much. Brief and very informative.

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

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

[@dtplsd]

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

[@killerstar718]

:|

[@chessclub92]

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

[@PoojaSharma-qc3qj]

Wow … wonderful … really liked it 👍🏻

[@ajmal5942]

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

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

[@DarkKnight-kq3is]

Simple and detailed 10/10

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

[@hangjiang8771]

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

[@arshadahamed988]

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

[@abutaherchowdhury9542]

thanks, this video cleared all my confusions

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

[@jamesharris3109]

Amazing, Thank you so very much. Perfect content!

[@siko.54]

thanks u help me upload my first project !

[@josephpaintsil4407]

how do i put the code in the repository?

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

[@ashabhadania3434]

a good start...keep it up

[@Mannyswanks]

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

[@sarojashostingcompany]

Thanks for your brief demo

[@ligiaciutacu5013]

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

[@itsbhargav5305]

Thank you,
Very helpful!

[@ddbharadwaj1]

Very well done 👍

[@ceydagulen9750]

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

[@user-jz4yl1iq6p]

Will this site change if I add some new code?

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

[@Al_Gillani]

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

[@forlonforrester6039]

i guess its only for static websites?

[@apitod]

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

[@neman36]

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

[@contentsofjoy]

Wow! Very great video

[@gowda0000]

Good information 👍

[@dontaskwhy513]

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

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

[@AJITGUPTA649]

Very nice. Excellent

[@HimanshuPandey-tw5ej]

Why is it showing an error like file not found

[@PRATICPANDA]

Thankyou. It worked..

[@NullCodersp]

Is this work for telegram bot?

[@hanasalah7562]

thank you so much this was useful

[@devisri179]

Save option ain't available

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

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

[@TheChildren-69]

then how to republish it?

[@timothymunyaka787]

THANKS, JUST WHAT I NEEDED

[@hacimwalker]

simple, and what i need

[@HimanshuGupta-jj8kn]

THANK YOU SO MUCH.

[@abhaysonwane4704]

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

[@timothymunyaka787]

SOURCE PUT ROOT

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

[@user-io4sr7vg1v]

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

[@vampire__hunter]

thanks you are a life saver

[@TANMAYTHAKRE-it87]

THANKS FOR SAVING MY TIME

[@nirmalunagar]

Thank you AKruti

[@NoXKP]

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

[@tamilselvans3234]

U SHOUD HAVE NODE FOR RUN REACT APP

[@mahdihussain7353]

thank you it's worked .

[@haley8850]

is this permanent?

[@akhileshkumarchaturvedi4227]

Well done.

[@nishantgaurav9026]

but i got error deploy error

[@PenjagaLangitIndonesia]

Thank You Very Much!

[@vipanmankotia2729]

Excellent

[@narendradevbhardwaj1556]

👌🌹well done 👍

[@Aman-lk2hk]

thank you for to the point video

[@portraitube]

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

[@ardraappu-fd6wd]

Why my website showing it's dangerous and unsafe

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

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

[@PLAY254MUSIC-ky1rh]

Big uo...wozaa

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

[@jacktonmboya538]

thanks for your help

[@killerstar718]

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

[@achira3927]

index.html, otherwise it would not show up

[@fahaadslayer]

thanks its very helpfull

[@UmeshKumar-cw9sb]

Well done

[@algrew_]

Thankyou Aunty

[@mbhuvana7100]

Thanks it's working

[@deezrr432]

Thanks!

[@amarnathbakhandi3874]

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

[@srikantpradhan6038]

Now its not free anymore.. it asking to upgrade

[@kranthikumar9314]

yeah for me also the same

[@mshscontent4196]

thank you very much

[@user-pb5xd5hn6m]

Thanks dear

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

[@kyalu7803]

Thank you :)

[@viralKev]

amazing
😍😍

[@user-ue4gk6lp4z]

Thanks

[@ghoratnefasto2559]

GREAT!

[@harshit.sharma8974]

Thanks A Lot

[@prethikaamadhan4358]

Thank you

[@Prashfle]

TYSM!

[@web_with_gautam94]

My question is how to different file like html css js and images insert in github please reply

[@akritigoswamiLetsCode]

Hi, to insert ( push ) different files like html/css/js in github you will need to follow below steps :
1. Create a new repository on GitHub.
2. Clone the Repository to your local machine by using below command:
git clone github.com/your-username/your-repository.git
3. Add Your Files:
Move or create HTML, CSS, JS, and image files in the local repository directory.
4. Stage and commit your changes using the following commands:
git add .
git commit -m "Initial commit"
5. Push to GitHub:
git push origin master
or simply perform step 1 and then drag and drop your files in the new Repository , it will take you to a screen to commit changes .

[@web_with_gautam94]

@@akritigoswamiLetsCode image are not showing on my my website what is the problem ? please give me solution

[@Kanak_Bodkhe]

damn that was easy

[@user-im9hf5id5i]

hey are you Bengali

[@Lizardbeatz]

yesirrrrrrrrrrrrrrrrrr

[@duy2294]

tks alot 20' with gpt is not as useful as your 2' vid

[@ChefnCoder]

thank you

[@anime1234rr]

thanks you❤❤