Auto Deploy React & Node.js with Github Actions CI/CD

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 พ.ย. 2024

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

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

    How can we overcome an issue, when deploying the website it crashes for a while, does anyone have a solution about that? So that even while redeploying the website doesn't crash, and also when build failed the website crashes.

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

      Great question, I'm actually in the process of creating a video that solves that problem, we can use for example load balancers that helps split the traffic between 2 applications, and will guarantees us some zero downtime deployments, so no crashes visible to the users :)

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

      @@Telmosampaio Great to hear that, I have researched a lot but not succeed. Instead I did my own logic to run two projects if one crashes serve another, using bash script. But I am new to this so hopefully you will come with an awesome solution. Waiting for that video. ♥️

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

      @@Telmosampaio Sound beautiful, but where this video?

  • @parkerrex
    @parkerrex 2 หลายเดือนก่อน +1

    If you're running on mac a couple things:
    port 5000 is used by control center, use 5001
    you may run into cors issue, so npm install cors on your server, and add
    `const cors = require('cors');` to your imports
    and `app.use(cors());`
    before you declare any routes

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

    It is the best video for Github actions, just a few things can be improved- It would have been great if we have a file or page from where we can copy the commands you wrote and if you can explain a bit more about commands and yml configuration commands otherwise superb video, the speed was perfect for a newbie like me. Keep up the good work.

  • @namesare4fools
    @namesare4fools 3 ปีที่แล้ว +12

    THIS IS AMAZING ! I hope you'd make a video of the same project with docker !

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

    This was amazing.... watched the entire video in one seating.

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

    This is all what we need in order to go ahead and master self hosting our projects, amazing job bro!
    I appreciate it!

  • @قراءاتمختارة-ز4ج
    @قراءاتمختارة-ز4ج 5 หลายเดือนก่อน

    I like your style, smooth and simple, keep going.

  • @MrJony-fv3ev
    @MrJony-fv3ev ปีที่แล้ว +1

    someone give him a medal

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

    Thanks, I followed your tutorial and it was succesfully done.

  • @mohammedaamer73
    @mohammedaamer73 8 หลายเดือนก่อน

    Telmo, you saved my day. Thanks man.

  • @drh374
    @drh374 3 ปีที่แล้ว

    Sir, you are the best anytime i'm watching your videos, i feel like you're teaching me in person

  • @levipahlevi
    @levipahlevi 3 ปีที่แล้ว

    Hello sir. I want to say thank you for your concise tutorial. Now I'm able to deploy my project automatically to VPS

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

    Awesome! best video for explaining this! cheers telmo!

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

    thanks bro, is amazing, i find this tuto and never found one is perfect but this is amazing

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

    Very detailed video. Hope to see a lot from you. Thanks for sharing!

  • @ramazonpardayev251
    @ramazonpardayev251 7 หลายเดือนก่อน

    Hey Telmo this practice realy helpful. Especially for beginners like me
    I have a questions what is the difference between build CI/CD with docker and without
    I watched several videos before watching your's. Those are a little bit misunderstable but yours easy to understand
    can you make video with Docker like this one.

  • @DnKZone
    @DnKZone 8 หลายเดือนก่อน

    Just what I wanted !!

  • @אבירןיצחק-ס3ר
    @אבירןיצחק-ס3ר 2 ปีที่แล้ว

    Thank you for all your hard work on this.

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

    Just awesome video for the full process. Thank you. ❤️

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

    Lot of Docker videos are not understandable. Hope you'd post one sooner. Awaiting 🐣

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

    Incredibly helpful. Thank you so much!

  • @havefun5519
    @havefun5519 7 หลายเดือนก่อน

    Cool~ so the runner on server is to automatically detect any local push to master branch then server will git pull and run the cicd?

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

    Granda Telmo, Portugal tambem tem bons professores pa !

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

      Obrigado Andre, Portugal tem que ser representado 😁

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

    great video, it very helped me, thank you Telmo

  • @kimokimo-se3ur
    @kimokimo-se3ur 3 ปีที่แล้ว +1

    Huge effort you did Telmao for this explanation thank you really , if you guys have found other solutions less complicated plz

  • @하늘구름-w6t
    @하늘구름-w6t 2 ปีที่แล้ว

    Good Job,
    This is the one that I tried to find one.
    Thanks

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

    Splendid work 👍

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

    Hello Telmo, thanks for this amazing tutorial. I followed every single instruction, but I am still getting a 502 Bad Gateway error by Nginx. The only differences between your project and mine would be:
    1.- Folder structure: I have a project folder, then 2 folders inside of it, 1 with my front end and 1 with my backend.
    2.- Server Name: I do not have a domain yet, so I am using my droplet IP Address instead.
    Do you have any idea how to fix this? Thanks and I appreciate all your effor!

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

    Thanks a lot for the tutorial. It was awsome.

  • @rubensemprun-rg6dj
    @rubensemprun-rg6dj 7 หลายเดือนก่อน

    It worked perfectly for me friend, I uploaded my app (backend in Nodejs) and just like your steps work perfectly. Now I have a question if you could help me... I have my front end in firebase and my backend I will have in digitalocean, how could I connect with a domain and subdomains both so that they work? Thanks in advance for your advice.

  • @christianlisangola9383
    @christianlisangola9383 3 ปีที่แล้ว

    Very useful tutorial, and bravo.However, it would be very good if you explained in more details some of the code and commands that where copy/pasted from your notes.But, awesome job

  • @ntwaliheritier4222
    @ntwaliheritier4222 3 ปีที่แล้ว

    Thank you for an amazing tutorial.

  • @kevalnavadiya5827
    @kevalnavadiya5827 3 ปีที่แล้ว

    Nice one, i exactly want this ... thanks 😊

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

    Great video!

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

    Awesome. This same will work with AWS Lightshail Ubuntu also right?

  • @drith
    @drith 3 ปีที่แล้ว

    Damn this tutorial is really good

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

    Thank you for this amazing video....

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

    Superb!!

  • @joeyGunz1-w1r
    @joeyGunz1-w1r 3 ปีที่แล้ว

    Great tutorial!

  • @hemantkumar-ug7jx
    @hemantkumar-ug7jx ปีที่แล้ว +1

    I am only able to go to /home route in react not able to go to other routes

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

    Very good tutorial but you don't have the cors problem on local environment ?

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

    GREAT CONTENT

  • @AliHassan-qd7lm
    @AliHassan-qd7lm 2 ปีที่แล้ว

    Great tutorial.

  • @alanprogressive
    @alanprogressive 3 หลายเดือนก่อน

    thanks men!

  • @hirentank9447
    @hirentank9447 5 หลายเดือนก่อน

    I got tihs error at last step 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. Would you please help me.

  • @sammed.sankonatti
    @sammed.sankonatti 11 หลายเดือนก่อน

    Hi. I actually want to send only build folder to the remote server. How can we do that ? Because present approach(whatever you explained) is sending source code as well to the remote

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

    I did exactly same steps but I couldn't find the _work directory. Am I missing something? DO I need to configure public key of my server to github ?

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

    Excellent, how to do the same for deploying into AWS ?

  • @saidmaroc8448
    @saidmaroc8448 3 ปีที่แล้ว

    good work, thanks

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

    Thanks a lot!

  • @ParasMendiratta
    @ParasMendiratta 3 ปีที่แล้ว

    Really nice tutorial. Let me switch from pm2.deploy to Github CI/CD Thanks

  • @sc-nc6bb
    @sc-nc6bb 7 หลายเดือนก่อน

    What is your visual studio code theme?

  • @CodeWithEasyFaris
    @CodeWithEasyFaris 3 ปีที่แล้ว

    very good pronouncation

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

    github actions, with complete deployment on nodejs application how we can working on self hosted runners. Thanks

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

    why would you put bash scripts into your www directory? you're storing a token in there too

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

    Check react packaging config webpack for build remove the directory name for double folder issue...

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

    hi , why you didn't use pm2 restart ?

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

    at 47:12, there seems a type "cidcd" at the end of "root" command, why there is no error

  • @technoinfoworldwide2329
    @technoinfoworldwide2329 3 ปีที่แล้ว

    Mern app deploy in aws using cid cd pipeline.please make details video on this ans also cover how to make server fast after launching in aws

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

    Hello, after deploying to my server , I created "uploads" folder where will be the images of my users.but after redeploying this folder was deleted. Is there any way to keep this folder

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

    build is successful but my pm2 process getting stoped after 3 secs

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

    How do you write multiple branches ?

  • @ИванБорисов-б1ж
    @ИванБорисов-б1ж 3 ปีที่แล้ว +2

    Thank for video!
    I have a question
    How to pass env variables to react build?

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

    EDIT: Turns out I need to add - run: pm2 resurrect at the end of my actions so it rebuilt the processes that were removed.
    Maaan, I keep getting an issue where my processes (orphan processes) created by pm2 get removed.
    It runs fine and throws no errors but the pm2 processes never appear onto my server even thought it seems like they are created okay during the actions running.
    When done manually using the terminal it works fine. Just not through actions.
    When the actions are completed I can go into my server and type pm2 resurrect and it works okay.. But I dont want them to be cleaned up.
    Any ideas?

  • @aungkyawkhaing1129
    @aungkyawkhaing1129 5 หลายเดือนก่อน

    how to use env file in your workflows when module build

  • @hieutancodeproject
    @hieutancodeproject 3 ปีที่แล้ว

    Hi from vietnam

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

    What's the name of your VScode theme please?

  • @shahzaibimran2662
    @shahzaibimran2662 3 ปีที่แล้ว

    Hi,
    How your pm2 command is working
    As I have globally install on server and when trying to run the pm2 command through GitHub actions it say pm2: command not found

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

      Make sure you're logged inside your server.

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

    nice

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

    I love you

  • @487_dakshsingh6
    @487_dakshsingh6 2 ปีที่แล้ว

    It is showing 502 bad gateway nginx can somebody help me with that

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

      I'm getting this too, I haven't found a solution yet.

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

      @@redpin14 Did you guys fix this?

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

      @@j0s3805 yes I eventually fixed it, the default-available file was messed up and I had to follow the documentation on DO’s website to get it fixed. It’s called a nginx server block

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

    dude, thanks for video but , where a sourcecode?) r u kidding?))))

  • @monireol
    @monireol 2 หลายเดือนก่อน

    This is looks like Jugaad

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

    GREAT_VIDEO(👋,👋,👍);

  • @qualityvideos1
    @qualityvideos1 3 ปีที่แล้ว

    Hey there! Excellent job explaining as always. I was wondering if you can maybe hook me up with a free membership to your website, since I'm starting from scratch that would be awesome to me!

  • @I_hu85ghjo
    @I_hu85ghjo 5 หลายเดือนก่อน

    20:37

  • @I_hu85ghjo
    @I_hu85ghjo 5 หลายเดือนก่อน

    40:02

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

    instance [ pm2 start 0 pm2 stop0] in yml file use the name of pm2 in your case - run: pm2 restat mywebsite