Deploy a React App to GitHub Pages via GitHub Actions (CICD) in 13mins! (Super easy)

Sdílet
Vložit
  • čas přidán 27. 08. 2024
  • Couldn't find a proper video tutorial about this, so I created one myself. This is for React apps created using CRA.

Komentáře • 20

  • @DigitalSketchArts
    @DigitalSketchArts Před 8 měsíci +8

    I did follow the turorial completely and was able to deploy it, few things i faces issues with might help others during learning
    1. you will have to be consistant in naming the repo and the git url, if theres a mismatch there will be not found error.
    2. if the build passes but the app doesnt load after build, try going to Project > settings > Actions > General > enable workflow permissions to "Read and Write permissions" (Workflows have read and write permissions in the repository for all scopes.) and save

    • @user-zq5pg3ps2t
      @user-zq5pg3ps2t Před 4 měsíci

      thanks , your comment helped me a lot!

    • @muenzi01
      @muenzi01 Před měsícem

      it was "Read and Write permissions" for me

  • @rashenfernando539
    @rashenfernando539 Před 11 měsíci +1

    This is exactly what I want right now. Thanks mate❤

  • @bensonsung9671
    @bensonsung9671 Před 9 měsíci

    Hey Reuben, I just wanted to say that I really enjoyed watching this video! The code explained here is so thorough and it's been super helpful for me. Keep up the great work, looking forward to more videos like this! #codingtips

  • @T3kKeN9
    @T3kKeN9 Před 6 měsíci

    Straight to the point. Well done!

  • @fuoridallarete
    @fuoridallarete Před 8 měsíci

    Thank you, the clearest! Got it working as you describe the steps clearly. Thank you again

  • @AmarilloYonk
    @AmarilloYonk Před rokem

    Thanks for such a succinct and clear walkthrough!

  • @Mark-Zuckerberg
    @Mark-Zuckerberg Před rokem

    Calm and Beautifully explained. Thanks

  • @tonysimpson8155
    @tonysimpson8155 Před rokem

    Exactly what i wanted. Thank you so much. Saved a lot of time.

  • @guadalupelazzo783
    @guadalupelazzo783 Před 2 měsíci

    Followed for react vite, anddd is not that instant, BUT vite has a file that you can use too, just ensure you are setting a new env file in the github repo, and connected to the environment

  • @tusharsurve7840
    @tusharsurve7840 Před 4 měsíci

    Awesome Tutorial🤩

  • @hirentank9447
    @hirentank9447 Před 3 měsíci

    I am getting this error Creating an optimized production build...
    The build failed because the process exited too early. This probably means the system ran out of memory or someone called `kill -9` on the process.
    Error: The operation was canceled.

  • @fairwildchicken5958
    @fairwildchicken5958 Před 5 měsíci

    Beautiful ❤️

  • @felixreynoso7686
    @felixreynoso7686 Před rokem

    Awesome tutorial, thx

  • @shahilkdy8348
    @shahilkdy8348 Před 9 měsíci

    this is excatly what i wanted. but i need to deploy this built ready code to aws EC2 instance, how do we do that, chatgpt says just to ssh to server and pull the code, but it wont work as it is not built.
    i need the built ready code to be somehow updated in in EC2 instance.
    note that the repo is already cloned and project is running on the server, my task is to setup this CICD pipeline and build the project in github runner as it the building process in server eats too much RAM and cant complete.
    please help with anything, docs or what ever
    thanks

  • @medusa121
    @medusa121 Před 11 měsíci

    awesome!

  • @Vitoman123
    @Vitoman123 Před 5 měsíci

    worked for me

  • @TheHummusKing
    @TheHummusKing Před 5 měsíci

    im getting permission denied when it is deploying to gh-pages. someone help?

  • @gercius
    @gercius Před rokem

    Noice