Deploy Your Portfolio Site to GitHub Pages for Free!

  Рет қаралды 92,933

Covalence

Covalence

Күн бұрын

Learn with us! Get your all-access pass to the Covalence community (your first month is free!): covalence.io/membership
Learn how easy it is to take all of your websites live for free using GitHub's Pages for projects! This video assumes you know the basics of Git and how to push code to GitHub... but if you do not, check out our course options on our website!
GitHub Repo: github.com/covalence-io/ghpages
Don't forget to like this video and subscribe to our channel - we're publishing more videos and walkthroughs every week. Comment below and let us know what you'd like to see next!
Shop Covalence merch: covalence.merchntly.com

Пікірлер: 95
@user-dq7np3rp3c
@user-dq7np3rp3c 10 ай бұрын
Respect for the dude trying to teach us while being exposed to a blazing sun.
@CastleBomber
@CastleBomber Жыл бұрын
sweet! I liked that in your tutorial, you showed a bit more on selecting 'pages', 'source', 'deploy from branch' than the other tutorials did. was literally almost done the whole time
@hsnsafa9324
@hsnsafa9324 Жыл бұрын
god bless you ,i was looking for this tutrial on youtube for seven hours
@thejellofishh
@thejellofishh 8 ай бұрын
Thank you so much for a clear "cut to the chase" video!
@sylkylacole
@sylkylacole Жыл бұрын
I'm a newer developer and definitely needed something quick and simple. Tysm man
@covalence-io
@covalence-io Жыл бұрын
No problem!
@666bleedthesky
@666bleedthesky Жыл бұрын
This was helpful dude, thank you.
@konstantinreut2577
@konstantinreut2577 8 ай бұрын
Thanks man! You really helped me.
@anahelenaphoto
@anahelenaphoto Жыл бұрын
This was very helpful. Thank you for sharing!
@andreyousif7600
@andreyousif7600 Жыл бұрын
Thank you so so so much. You saved me so much time. You're the best.
@mateuszkacperski1211
@mateuszkacperski1211 11 ай бұрын
worked for me ! dziekuje.
@tunjigeorge5666
@tunjigeorge5666 10 ай бұрын
Thanks. Keep up the good work.
@anirudhkannan9
@anirudhkannan9 Жыл бұрын
Thank you so much! You're a lifesaver
@piggyisland2651
@piggyisland2651 Жыл бұрын
awesome stuff, thank you!
@kumarkirpalani4755
@kumarkirpalani4755 Жыл бұрын
Do you follow the same principles when trying to deploy a forked repository? I tried following along with a fork that I updated, but it isn't building and deploying when I save the branch information at 6:22.
@covalence-io
@covalence-io Жыл бұрын
A forked repo shouldn't change anything. You may need at least one push to trigger a build though. So you may need to change something small and push the update.
@x..darkfate..x
@x..darkfate..x Жыл бұрын
Most simple and easy explanation thnx for sharing
@ornitcohengindi90
@ornitcohengindi90 9 ай бұрын
can you update the proccess? It seems like things changed a little
@vangamahesh8146
@vangamahesh8146 Ай бұрын
Thanks man. I just published my portfolio on Pages by GIThub.
@edoardodepiccoli3004
@edoardodepiccoli3004 10 ай бұрын
thank you a lot!
@rasheer4923
@rasheer4923 28 күн бұрын
I successfully hosted my portfolio, But the issue i got is can't see images. how to fix it help me brother
@Son.of.Africa
@Son.of.Africa 2 ай бұрын
you are awesome man. thank you
@sawi494
@sawi494 Жыл бұрын
I use the command -m main and now having problem of generating branch master extraa with main .i want default setting how can I
@covalence-io
@covalence-io Жыл бұрын
You don't need to create a main branch. It's simply what GitHub is recommending these days. You can choose which branch to deploy your GitHub pages from in the Settings tab.
@user-bn7yn7mr2m
@user-bn7yn7mr2m 5 ай бұрын
Thank you so much ❤❤
@safaalardi6046
@safaalardi6046 28 күн бұрын
Thank you so much
@nikolaWd
@nikolaWd Жыл бұрын
You are the Boss!
@fabiolakammi1149
@fabiolakammi1149 5 ай бұрын
Thank you for the contents, I followed you step by step but when I clicked on my link I got a 404 error.
@user-zf4bt7tf7y
@user-zf4bt7tf7y Жыл бұрын
my io web only displays what i have in readme. After adding inside head, web is showing everything from html file
@covalence-io
@covalence-io Жыл бұрын
It's hard to tell what could be happening just from what you've told us here. Feel free to post a link to your repo if it's public. Might be able to see what's going on
@CsAlchemy-eg6ch
@CsAlchemy-eg6ch 6 ай бұрын
What happened if my js has some decencies or outsider package i needed to download will the github host have them installed ? Like http client module .. ?
@covalence-io
@covalence-io 5 ай бұрын
depends on how the JS is downloading them. If they're just using public CDNs then you should be fine. If you're using something like NPM packages then you'd need to use GitHub actions and even then I believe there's only limited support at this time.
@loftybeats3613
@loftybeats3613 Жыл бұрын
Hey, really nice video! thanks for sharing. How do i update the sites..you know when i want to add a new project. thanks.
@covalence-io
@covalence-io Жыл бұрын
What are you trying to update? Each repo / website can be updated simply by pushing your local changes to the remote repo on the branch that you have GitHub pages configured to deploy from. Each repo should be able to be taken live and denoted by your [GitHub URL]/[repo name]
@fatihdemirkan4906
@fatihdemirkan4906 Жыл бұрын
Hi y'all, when i do this step-by-step, i can't see my site correctly. My CSS's doesn't come, there will be just html codes, how can i fix it?
@covalence-io
@covalence-io Жыл бұрын
This can be any number of things. Some things to check are making sure it runs locally when you open your html file. If it doesn't, you may have the in your html file incorrect (misspelling, etc). You also want to make sure your CSS file is properly being checked into GitHub. When you navigate to your repo in GitHub is the file there? Does it contain all the correct code?
@shankarsharma3612
@shankarsharma3612 20 күн бұрын
thanks bro
@AhmadH345
@AhmadH345 10 ай бұрын
Is there a way to like update it when the website is being updated? if so, how?
@covalence-io
@covalence-io 10 ай бұрын
Every time you push your changes to the main branch (if you set it up with main) it will update the live site with those changes.
@sukrutchougule4438
@sukrutchougule4438 Жыл бұрын
thanks buddy!
@woody.shekinah
@woody.shekinah 3 ай бұрын
Hi,i am having an issue, when I click on pages in GitHub, it is asking me to upgrade yet you said it could be done for free
@covalence-io
@covalence-io 3 ай бұрын
Is the repository you are using a private repo? It needs to be a public repository to use pages for free
@lahirueranda
@lahirueranda 6 ай бұрын
Thanks bro..
@adedamolaarasanyin1002
@adedamolaarasanyin1002 Жыл бұрын
Does the folder have to be an assets folder or i can just name it whatever??
@covalence-io
@covalence-io Жыл бұрын
You should be able to name it whatever you want as long as you reference it correctly
@PetrGalushkin
@PetrGalushkin Жыл бұрын
My link displays "Getting Started with Create React App" and some information below how to run it local, instead of app. Why is that?
@covalence-io
@covalence-io Жыл бұрын
Which link are you referring to?
@PetrGalushkin
@PetrGalushkin Жыл бұрын
@Covalence The problem was with BrowserRouter, i changed it to HashRouter and now everything working!
@alexon2010
@alexon2010 8 ай бұрын
I've seen a lot of videos all explaining this github pages, but it seems that it only works for public repositories. I created a private repository website but I can't make the main branch appear in Pages to create a website... it's complicated, everything I see is always based on public repository.....
@covalence-io
@covalence-io 8 ай бұрын
Unfortunately GitHub only allows public repos to be hosted for free. If you want to host a private repo, you have to pay for an enterprise account which defeats the purpose of using it as a free place to host your website in the first place
@kingbabu7373
@kingbabu7373 4 ай бұрын
when i open the link of the page it shows not found how to slove this
@covalence-io
@covalence-io 4 ай бұрын
is your repository private?
@AhmadH345
@AhmadH345 10 ай бұрын
why do i have the git file in the begginging of my repo is this a error?
@covalence-io
@covalence-io 10 ай бұрын
if you're talking about the .git folder that's just a folder that git creates with files that contain information it needs to handle pushing, pulling, and syncing the the files in the repository... so no it's not an error, it's actually needed to work correctly
@mkbrothers2348
@mkbrothers2348 Жыл бұрын
Sir my django project uploading in github But github pages link is display 404 error can you fix this error sir
@covalence-io
@covalence-io Жыл бұрын
are you sure you're going to the right URL? 404 means the route is not found
@mkbrothers2348
@mkbrothers2348 Жыл бұрын
@@covalence-io sir how to know where is the correct root found Please can you say sir
@brittanysrecordshop3991
@brittanysrecordshop3991 Жыл бұрын
lifesaver!
@ChanduKumar-fh9fr
@ChanduKumar-fh9fr 9 ай бұрын
i am facing 404 error thought this method. what should i do?
@covalence-io
@covalence-io 9 ай бұрын
404 is a Not Found error. Meaning it's not finding the asset it's requesting. I'd make sure all your file names are correct and that you've successfully pushed all of your files to your remote repo. When you check the repository in GitHub you should be able to verify all the files are there. Also check and make sure you didn't miss a character and that your index.html isn't something like idex.html or index.htl. You can also make sure the branch you used is correct... if you deployed your site from the "main" branch but pushed all your files to the "master" branch you may encounter something like a 404 issue.
@pravinboopathi
@pravinboopathi 8 ай бұрын
how to host it in main domain itself , instead of hosting like /pagename
@covalence-io
@covalence-io 8 ай бұрын
It can be a little complicated if you're not used to dealing with domain names, but in short you need to go to your GitHub repository you have deployed -> Settings for that repo in the upper navigation -> Pages in the left navigation and then down to the Custom Domain section. You'll need to add your custom domain to the input box and then verify it using a TXT record in your DNS management (wherever that may be... GoDaddy, Namecheap, etc). This article here can show you more about domain verification -> docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/verifying-your-custom-domain-for-github-pages
@fadhliilham2777
@fadhliilham2777 6 ай бұрын
terimakasih ngabb
@covalence-io
@covalence-io Жыл бұрын
If you liked this video, we've got a lot more just like it! We teach people Full Stack Web Development with our premium courses and friendly developer community. You can access it all with our Community Membership. We'd love to have you join us: covalence.io/membership
@loydtruita5698
@loydtruita5698 Жыл бұрын
The process is all good. But when i open the site. No display
@covalence-io
@covalence-io Жыл бұрын
A lot of the time it's one missed step along the way. I'd try it with a simple, single HTML page first to get it working, then go from there.
@Nikhil-dw2vc
@Nikhil-dw2vc 4 ай бұрын
the files got uploaded but the css and js files are not functioning
@covalence-io
@covalence-io 4 ай бұрын
did you check your repository and make sure they've been checked in. You may also want to check the paths in your index.html.
@Nikhil-dw2vc
@Nikhil-dw2vc 4 ай бұрын
Yes, I figured out my mistake. While linking my css sheet I used /style.css instead of style.css, that was causing an issue. Now it worked and I realised you did the same thing in your video (not using the '/') . Thank you so much for your quick reply! 😊
@user-rz2it1lg2v
@user-rz2it1lg2v Жыл бұрын
Im stuck on job is waiting for a hosted runner to come online for hours
@covalence-io
@covalence-io Жыл бұрын
At what point in the process we showed you in the video does this message come up?
@TerenceKearns
@TerenceKearns 8 ай бұрын
next tutorial, show how to host a domain on another server and use nginx reverse proxy pointed to said github page 😁
@uppiliv
@uppiliv Жыл бұрын
how to change theme?
@covalence-io
@covalence-io Жыл бұрын
what kind of theme are you referring to?
@uppiliv
@uppiliv Жыл бұрын
Theme for the page like style they’ve changed the interface can’t see it anymore as an option
@migueldebarros7965
@migueldebarros7965 Жыл бұрын
Noob here. Not very familiar with most of this stuff and just trying to upload my first project onto githib using the terminal. Following along with the video but my path diverges once I input the git branch -main and hit enter I get the following ? error: unknown switch `n' usage: git branch [] [-r | -a] [--merged] [--no-merged] or: git branch [] [-f] [--recurse-submodules] [] --create-reflog create the branch's reflog --create-reflog create the branch's reflog --edit-description edit the description for the branch -f, --force force creation, move/rename, deletion --merged print only branches that are merged --no-merged print only branches that are not merged --column[=] list branches in columns --sort field name to sort on --points-at print only branches of the object -i, --ignore-case sorting and filtering are case insensitive --recurse-submodules recurse through submodules --format format to use for the output Any help would be greatly appreciated .
@covalence-io
@covalence-io Жыл бұрын
Make sure you run the command with the correct (and exact) syntax: git branch -M main essentially "git" is the program, "branch" is the command for the program, the "M" is an option for that command (which is why it has a hyphen in front of it) and the M means we're renaming, and "main" is the argument for the branch command... basically we're renaming the current branch (which is "master" by default) to be called "main"
@migueldebarros7965
@migueldebarros7965 Жыл бұрын
@@covalence-io thanks for the clarification.
@saisaketh8433
@saisaketh8433 8 ай бұрын
the save option is disabled for me !
@covalence-io
@covalence-io 7 ай бұрын
Is there an error anywhere on the page that GitHub is letting you know about?
@saisaketh8433
@saisaketh8433 7 ай бұрын
@@covalence-io i figured it out thanks anyways :)
@subhash___yadav
@subhash___yadav 8 ай бұрын
the images not showing in my site
@covalence-io
@covalence-io 8 ай бұрын
you have to make sure you're referencing them correctly. when you run it locally do they show up? when you check the repository in GitHub are they there?
@subhash___yadav
@subhash___yadav 8 ай бұрын
@@covalence-io the problem is solved thanks for the reply bro
@brickstv3156
@brickstv3156 Жыл бұрын
only thing that shows up for me is my about page
@covalence-io
@covalence-io Жыл бұрын
is your about page your main homepage as well?
@adamfatyga7977
@adamfatyga7977 Жыл бұрын
10/10, no one tells me where to find my adress and where to check status. But: how to use my own name of page?
@covalence-io
@covalence-io Жыл бұрын
When you say name of page are you talking about using your own URL or the name shown on the browser tab?
@hannaknowshow9006
@hannaknowshow9006 Жыл бұрын
hmm. im a beginner and i understand close to nothing.will go back here once i know more
@covalence-io
@covalence-io Жыл бұрын
Yes, our apologies, this video assumes you know how to utilize the command line and the basics of Git, but if you're looking to learn more we have a Front End Fundamentals course that covers all of that and more!
@markcuello5
@markcuello5 Жыл бұрын
HELP
@covalence-io
@covalence-io Жыл бұрын
We're here for just that! What's going on?
@growthexcelerator
@growthexcelerator Жыл бұрын
It was helpful, but it is not for beginners. Please improve on the followings: 1. Your speed: You talk too fast, which makes your explanation hard to understand. 2. Try and explain each process and why you chose to select every option. 3. Try to explain every command line. Remember experts will not come to your channel to learn this.. Only beginners will come, therefore it is important to make it look easy for every beginner to understand your content. Thanks
@covalence-io
@covalence-io Жыл бұрын
Appreciate the feedback!
@nativeonthetrack
@nativeonthetrack 4 ай бұрын
2024 here
Deploy your website for free with Cloudflare Pages and GitHub!
13:47
How to Make a Data Science Portfolio With GitHub Pages (2024)
13:18
Now THIS is entertainment! 🤣
00:59
America's Got Talent
Рет қаралды 40 МЛН
НЫСАНА КОНЦЕРТ 2024
2:26:34
Нысана театры
Рет қаралды 1 МЛН
How to put an HTML website online (on the Internet)
29:37
SuperSimpleDev
Рет қаралды 1,5 МЛН
How GitHub Actions 10x my productivity
8:18
Beyond Fireship
Рет қаралды 400 М.
How to Use GitHub Pages: 2024 Beginner's Guide
7:26
The Common Coder
Рет қаралды 2,1 М.
How To Deploy A React App To Github Pages (Simple)
10:00
PedroTech
Рет қаралды 234 М.
Groundbreaking New Solar Energy System - Too Good to be True?
7:07
Sabine Hossenfelder
Рет қаралды 400 М.
Deploy Your React App on GitHub Pages in 5 Minutes!
6:39
Code With Yousaf
Рет қаралды 3,9 М.
Host a static website for FREE on GitHub
8:07
packetcode
Рет қаралды 495 М.