How to Deploy Create React App to GitHub Pages? (Custom Domain & GitHub Actions)

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ส.ค. 2024
  • 🔴 - To support my channel, I’d like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com
    ▬▬▬▬▬ Experience & Location 💼 ▬▬▬▬▬
    ► I’m a Senior Software Engineer at Juniper Networks (12+ years of experience)
    ► Located in San Francisco Bay Area, CA (US citizen)
    ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬
    ► LinkedIn: / anton-putra
    ► Twitter/X: / antonvputra
    ► GitHub: github.com/antonputra
    ► Email: me@antonputra.com
    ▬▬▬▬▬▬ Related videos 👨‍🏫 ▬▬▬▬▬▬
    👉 [Playlist] Kubernetes Tutorials: • Kubernetes Tutorials
    👉 [Playlist] Terraform Tutorials: • Terraform Tutorials fo...
    👉 [Playlist] Network Tutorials: • Network Tutorials
    👉 [Playlist] Apache Kafka Tutorials: • Apache Kafka Tutorials
    👉 [Playlist] Performance Benchmarks: • Performance Benchmarks
    👉 [Playlist] Database Tutorials: • Database Tutorials
    =========
    ⏱️TIMESTAMPS⏱️
    0:00 Intro
    0:27 Create React App & GitHub Repo
    1:27 Deploy React App to GitHub Pages
    3:05 Setup Custom Domain for GitHub Pages
    5:45 Automate Deployment with GitHub Actions
    =========
    Source Code
    📚 - Tutorial: github.com/antonputra/tutoria...
    #GitHubPages #GitHubActions #React
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 53

  • @AntonPutra
    @AntonPutra  10 หลายเดือนก่อน

    🔴 - To support my channel, I’d like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com

  • @Matin1999_unique
    @Matin1999_unique 2 ปีที่แล้ว +4

    wow Anton... did you know that you're an angel?
    i love these kind of tutorials. straightforward and clear. 😍

    • @AntonPutra
      @AntonPutra  2 ปีที่แล้ว

      Thank you Matin! 😃

  • @AnujSharma-yr4rp
    @AnujSharma-yr4rp 2 ปีที่แล้ว +2

    You made this process so easy, thank you!

    • @AntonPutra
      @AntonPutra  2 ปีที่แล้ว +1

      Glad it helped!

  • @minhakim6902
    @minhakim6902 ปีที่แล้ว +1

    You saved me!!! Thank you so much for this tutorial. It helped a lot ♥

  • @user-nk6ih7uh1h
    @user-nk6ih7uh1h 2 ปีที่แล้ว +3

    Thank you so much! Great video!

    • @AntonPutra
      @AntonPutra  2 ปีที่แล้ว

      You're very welcome!

  • @howiewang4238
    @howiewang4238 2 ปีที่แล้ว +2

    Thank you so much Anton. You saved me!

  • @remya3354
    @remya3354 2 ปีที่แล้ว +3

    Great video 👍

  • @seriouslee4119
    @seriouslee4119 ปีที่แล้ว +1

    Epic video! Thanks bru!

  • @jerryxia4483
    @jerryxia4483 10 หลายเดือนก่อน +1

    This video saved me! Thanks a ton!

    • @AntonPutra
      @AntonPutra  10 หลายเดือนก่อน

      my pleasure!

  • @m1zson
    @m1zson 2 ปีที่แล้ว +1

    Gracias parce, la verdad que anoche estaba frustrado porque no me daba, pero me solucionaste el problema.

  • @charlie_x1917
    @charlie_x1917 ปีที่แล้ว +1

    Thank you so much!

  • @dan73402
    @dan73402 2 ปีที่แล้ว +1

    Thanks a lot

  • @alehbarushka9835
    @alehbarushka9835 2 ปีที่แล้ว +1

    Большое тебе спасибо!

  • @monitorcamera8850
    @monitorcamera8850 2 ปีที่แล้ว +1

    thank you

  • @ashimsth5423
    @ashimsth5423 ปีที่แล้ว +1

    thanks brooooooooooo

  • @grantbaloyan6932
    @grantbaloyan6932 ปีที่แล้ว +1

    супер спасибо

  • @richard_shaju
    @richard_shaju ปีที่แล้ว +2

    May God blees you🥰

  • @stealthmunky
    @stealthmunky 6 หลายเดือนก่อน

    All i had to do was remove the "/" from the end of my homepage url (fixed) 🤣🤣 - Thanks muchly 👍👍 subd

    • @AntonPutra
      @AntonPutra  6 หลายเดือนก่อน

      thanks :)

  • @kazanovapetro
    @kazanovapetro ปีที่แล้ว

    Приветствую!
    Подскажи, пожалуйста, уже сижу второй день и не могу понять почему вылетает ошибка после команды "npm run deploy". Ошибка звучит так: "Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option)."
    Все советы в интернете абсолютно никак не влияют на решение моей проблемы.
    Помоги, пожалуйста.

    • @AntonPutra
      @AntonPutra  ปีที่แล้ว

      try this "git remote add origin git@github.com:User/UserRepo.git"
      replace repo to yours

    • @TamaraLazerka
      @TamaraLazerka 11 หลายเดือนก่อน

      for me works this: Check if "Read and write permissions" are enabled in Settings -> Actions -> General -> Workflow permissions: "read and write permissions"

  • @jacobeisner1697
    @jacobeisner1697 ปีที่แล้ว +1

    You are my hero. I am in love with you

  • @KorhalKk
    @KorhalKk 11 หลายเดือนก่อน

    So you've made your deployment with Github pro? This is not a free version right?

    • @AntonPutra
      @AntonPutra  11 หลายเดือนก่อน +1

      No, I use free version

    • @KorhalKk
      @KorhalKk 11 หลายเดือนก่อน

      @@AntonPutra Thank you friend for answering in such short notice. I'll subscribe and like, and be sure to watch more of your videos.

    • @AntonPutra
      @AntonPutra  11 หลายเดือนก่อน

      @@KorhalKk thanks Jack!

  • @andreyanosovGK
    @andreyanosovGK 2 ปีที่แล้ว +1

    I've spent all day and couldn't get it to work...

    • @AntonPutra
      @AntonPutra  2 ปีที่แล้ว

      do you get any errors?

  • @willyhorizont8672
    @willyhorizont8672 ปีที่แล้ว

    why your name like Indonesian name :)

  • @AntonPutra
    @AntonPutra  ปีที่แล้ว +1

    👉 How to Manage Secrets in Terraform - th-cam.com/video/3N0tGKwvBdA/w-d-xo.html
    👉 Terraform Tips & Tricks - th-cam.com/video/7S94oUTy2z4/w-d-xo.html
    👉 ArgoCD Tutorial - th-cam.com/video/zGndgdGa1Tc/w-d-xo.html

  • @Regalman
    @Regalman ปีที่แล้ว

    i see a readme