Thank you soo much man, it fixed my problem!

Thanks a Lot! But Still facing same Black page on deployed Page!

This actually works. Thanks man

Kindly pin this comment For all those for whom this is not working, make sure to do this 1. Keep the repo name and vite project name same. 2. Make sure it is .github and the folder structure is accurate. **** Most important, Check for branch name, github branch name is master instead main so change it to master in two places, the top where it is given master and under deploy change the if statement to master, if: github.ref == 'refs/heads/master' Copy paste the below code if you don't want to change on your own, name: Deploy on: push: branches: - master jobs: build: name: Build runs-on: ubuntu-latest steps: - name: Checkout repo uses: actions/checkout@v3 - name: Setup Node uses: actions/setup-node@v3 - name: Install dependencies uses: bahmutov/npm-install@v1 - name: Build project run: npm run build - name: Upload production-ready build files uses: actions/upload-artifact@v3 with: name: production-files path: ./dist deploy: name: Deploy needs: build runs-on: ubuntu-latest if: github.ref == 'refs/heads/master' steps: - name: Download artifact uses: actions/download-artifact@v3 with: name: production-files path: ./dist - name: Deploy to GitHub Pages uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./dist

Bro, this is the best - the best - the best- the best - the best - the best (and I typed it all) TUTORIAL ON DEPLOYING REACT APPS TO GITHUB PAGES.

Ahhhh, this was so easy and worked fine!! thx :3

i got an error Action failed with "The process '/usr/bin/git' failed with exit code 128" when i follow the tutorial minute 2:15 please help

Thank you brother! I am from Ukraine now live in Russia, couldn't do it, but you video is the best and your brief explanation is excelent! Keep on make such excellent videos!

Thank you so much, your video was of great help!

thanks!

I build a reat vite project but when i deployed it i am getting resoures not found i tried your methods but still showing same error and not a single image is rendering

Good man, thankss

Great video!

What about custom loader? How to write it? Am i missing something?

If you try this on your own project and it doesn't work (nothing is visible in Actions): check if your branch is named master instead of main. The workflow checks for refs/heads/main

Really thank you very much the first one to be honest in your explanation thank you🥰

Finally 😭😭, took me 5 hours until I found your video. Earned a sub man!

what if my assets are in the public/assets/folder/folder/etc..? and I have folders inside my assets with images inside

The only useOnClickOutside with typescript working out there. Thx mate and well done! I needed this!

Thank you very much, setting the base solved the issue! :)

Is there any way to show label Read more only, if there is content with 3+ lines? If I have content with just 2 lines, I want to hide expanding behaviour.

If I choose gh-pages as the Branch, I can execute the app, but cannot access the doc. On the other hand, if I choose main as the Branch, I can see the doc, but cannot execute the app.

thank you that was very helpful

Thank you very much, your video is very clear. I especially like you've explained their config options. I think this is probably the best workaround to apply image optimization on Next.js static sites.

This is one of the most concise tutorials I’ve ever seen. Thank you for valuing our time!

You saved my life! I'v been working on this problem for hours! You won a subscriber forever!

you amazing bro

Hey I followed your tutorial and deployed the app successfully. But I got an error. So I made some changes to my code and when I am trying to push the code to github with the general “git push -u origin main” command, it shows a message “everything is up-to-date” but the repository isn’t really updated on github. Can you help me about it?

Absolute lifesaver. Thank you!

Very helpful tutorial, thank you so much

Hello! I love your VsCode Color theme. Can you share it please!

I don't see gh-pages as an option under branch

sir please provide the source code of it. I will be very thankful to you.

thank alot bro ❤‍🔥❤‍🔥 you gained 1 more subscriber

Thanks a lot. I deployed my first React app, thanks to this video.

faltu bakwas video hai ,time waste ,sala actions me kuch nai ata

I did all the steps but then when i go to Actions, there is no failed deployment that i can re-run, please help me. Ty!

Thanks man, i spent a so much time figuring it out

guys, this guy is absolute straight to point guy. I wondered this is new channel owner. thanks man. love from INDIA.

very helpful

mine is error : Build ENOENT: no such file or directory, open '/home/runner/work/tictactoe-game/tictactoe-game/package-lock.json' im already re run but display error message like above text

Cool tip👍

🔥🔥🔥

Great tip. Thank you. Also use this approach 👍

How to make it automatically redeploy after pushing new changes to the repo? Because I've added some changes, pushed them to the repo, but nothing has changed on the page by public link.

hey im not getting the gh-pages option, ive tried multiple times. its showing deployed, but only a blank screen shows up

Is it possible to do the same but without JS?

Nice video. What VSCode theme are you using?

It helps me a lot thanks ❤