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

Поделиться
HTML-код
  • Опубликовано: 2 окт 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?

  • @martinmtandi335
    @martinmtandi335 2 года назад +2

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

  • @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.

  • @قراءاتمختارة-ز4ج
    @قراءاتمختارة-ز4ج 4 месяца назад

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

  • @namesare4fools
    @namesare4fools 3 года назад +12

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

  • @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

  • @parkerrex
    @parkerrex Месяц назад +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

  • @hemantkumar-ug7jx
    @hemantkumar-ug7jx 11 месяцев назад +1

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

  • @하늘구름-w6t
    @하늘구름-w6t 2 года назад

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

  • @boblehmann3185
    @boblehmann3185 Год назад

    Thanks a lot for the tutorial. It was awsome.

  • @jorgebuenrostro2367
    @jorgebuenrostro2367 20 дней назад

    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!

  • @rubensemprun-rg6dj
    @rubensemprun-rg6dj 6 месяцев назад

    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.

  • @ramazonpardayev251
    @ramazonpardayev251 6 месяцев назад

    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.

  • @hirentank9447
    @hirentank9447 4 месяца назад

    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.

  • @havefun5519
    @havefun5519 6 месяцев назад

    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?

  • @kevinjoelcelis2478
    @kevinjoelcelis2478 2 года назад +1

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

  • @bhavikkalariya4836
    @bhavikkalariya4836 3 года назад +1

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

  • @javierroca4970
    @javierroca4970 Год назад

    Great video!

  • @aungkyawkhaing1129
    @aungkyawkhaing1129 4 месяца назад

    how to use env file in your workflows when module build

  • @sc-nc6bb
    @sc-nc6bb 6 месяцев назад

    What is your visual studio code theme?

  • @monireol
    @monireol Месяц назад

    This is looks like Jugaad

  • @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 ?

  • @MrJony-fv3ev
    @MrJony-fv3ev Год назад +1

    someone give him a medal

  • @sammed.sankonatti
    @sammed.sankonatti 10 месяцев назад

    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

  • @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?

  • @muhammadzohaib1751
    @muhammadzohaib1751 2 года назад

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

  • @europevibess
    @europevibess 2 года назад

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

  • @RodnDjokYTB
    @RodnDjokYTB 9 месяцев назад

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

  • @altalt2241
    @altalt2241 2 года назад

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

  • @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

  • @suryateja2524
    @suryateja2524 Год назад

    GREAT_VIDEO(👋,👋,👍);

  • @aphroditesempai2186
    @aphroditesempai2186 2 года назад

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

  • @Hadzz95
    @Hadzz95 Год назад

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

  • @iGameUZ
    @iGameUZ Год назад

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

  • @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

  • @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!

  • @2SaltyRecipes
    @2SaltyRecipes Год назад

    How do you write multiple branches ?

  • @weikangkong4932
    @weikangkong4932 Год назад

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

  • @braindeveloper4039
    @braindeveloper4039 3 года назад +1

    nice

  • @ParasMendiratta
    @ParasMendiratta 3 года назад

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

  • @alanprogressive
    @alanprogressive 2 месяца назад

    thanks men!

  • @DjillaliZEROUKHI
    @DjillaliZEROUKHI Год назад

    great video, it very helped me, thank you Telmo

  • @shahzaibimran2662
    @shahzaibimran2662 2 года назад

    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.

  • @oopss794
    @oopss794 Год назад

    hi , why you didn't use pm2 restart ?

  • @devadn9853
    @devadn9853 2 года назад

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

  • @Wassim971
    @Wassim971 Год назад

    What's the name of your VScode theme please?

  • @I_hu85ghjo
    @I_hu85ghjo 3 месяца назад

    40:02

  • @I_hu85ghjo
    @I_hu85ghjo 4 месяца назад

    20:37

  • @mjbarlow1
    @mjbarlow1 Год назад

    Awesome! best video for explaining this! cheers telmo!

  • @anilshresthaa8174
    @anilshresthaa8174 2 года назад

    Thank you for this amazing video....

  • @raghupathym25
    @raghupathym25 2 года назад

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

  • @mohammedaamer73
    @mohammedaamer73 7 месяцев назад

    Telmo, you saved my day. Thanks man.

  • @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

  • @hieutancodeproject
    @hieutancodeproject 3 года назад

    Hi from vietnam

  • @shahriarislam2640
    @shahriarislam2640 2 года назад

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

  • @rileysheehan
    @rileysheehan Год назад

    Incredibly helpful. Thank you so much!

  • @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!

  • @DnKZone
    @DnKZone 7 месяцев назад

    Just what I wanted !!

  • @aphroditesempai2186
    @aphroditesempai2186 2 года назад

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

  • @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

  • @drh374
    @drh374 3 года назад

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

  • @kevalnavadiya5827
    @kevalnavadiya5827 3 года назад

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

  • @drith
    @drith 3 года назад

    Damn this tutorial is really good

  • @CodeWithEasyFaris
    @CodeWithEasyFaris 2 года назад

    very good pronouncation

  • @אבירןיצחק-ס3ר
    @אבירןיצחק-ס3ר 2 года назад

    Thank you for all your hard work on this.

  • @kadeus
    @kadeus 2 года назад

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

  • @kelvinonuchukwu8215
    @kelvinonuchukwu8215 Год назад

    Superb!!

  • @ntwaliheritier4222
    @ntwaliheritier4222 2 года назад

    Thank you for an amazing tutorial.

  • @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

  • @theskepticcoder7883
    @theskepticcoder7883 2 года назад

    I love you

  • @arifarslanturk2951
    @arifarslanturk2951 2 года назад

    GREAT CONTENT

  • @andrevitor_macedo
    @andrevitor_macedo Год назад

    Granda Telmo, Portugal tambem tem bons professores pa !

    • @Telmosampaio
      @Telmosampaio  Год назад +1

      Obrigado Andre, Portugal tem que ser representado 😁

  • @ИванБорисов-б1ж
    @ИванБорисов-б1ж 2 года назад +2

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

  • @AliHassan-qd7lm
    @AliHassan-qd7lm 2 года назад

    Great tutorial.

  • @estebanperez4755
    @estebanperez4755 2 года назад

    Thanks a lot!

  • @ubaidkhan426
    @ubaidkhan426 2 года назад

    Splendid work 👍

  • @saidmaroc8448
    @saidmaroc8448 3 года назад

    good work, thanks

  • @joe-powell
    @joe-powell 3 года назад

    Great tutorial!