Deploy React and NodeJS on Linux

Поділитися
Вставка
  • Опубліковано 11 гру 2024

КОМЕНТАРІ • 61

  • @DevOpsForDevelopers
    @DevOpsForDevelopers  2 роки тому +2

    The DevOps Roadmap for 2022 is available for free at devopsfordevelopers.io/roadmap
    One of the hardest things about learning is understanding how the different components work together. Using this guide, you start with a topic that interests or relates to you. At the end of the section, other related topics are shown allowing you to pick and choose your own path to DevOps mastery.
    Check it out and leverage the skills you learn to advance your career as a developer, sysadmin, IT Operations, QA and more!

  • @HiddeTieleman
    @HiddeTieleman 2 роки тому +2

    You DESTROYED this one. Looking forward to your other deployment methods.

  • @AMM0beatz
    @AMM0beatz 2 роки тому +2

    DevOps in action!! 💯

  • @aldenisaac3789
    @aldenisaac3789 2 роки тому +4

    Ive been waiting for you to do an actual devops cicd project. Looking forward to it. Hope you plan on adding observability to this project.

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому

      Aaaaaww yeah! We're gonna have all the bells and whistles before this is done!

  • @MrTouqeerhameed
    @MrTouqeerhameed Рік тому +2

    Excellent and thank you

  • @prabhmeetsingh6995
    @prabhmeetsingh6995 2 роки тому +2

    This is what i needed thanks guru!!please make more type of this.
    Make a video on cicd for multiple ec2 servers with git github

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому

      lol. Glad you enjoyed. Got more like this coming down the pipeline!

  • @dad30189
    @dad30189 2 роки тому +2

    Very nice video Will! I learned quite a bit.

  • @himanshushukla6451
    @himanshushukla6451 2 роки тому +2

    Just what I needed rn.Thanks

  • @codinginflow
    @codinginflow 2 роки тому +2

    Damn I would've needed this a few weeks ago 😂 👌

  • @minhducaaa
    @minhducaaa Рік тому +2

    Oh my god! This video is amazing. Thank you so much! My problems are gone

  • @hannibalbarca7915
    @hannibalbarca7915 2 роки тому +1

    We are waiting ! The vid !!

  • @genosthegreat7870
    @genosthegreat7870 2 роки тому +3

    24:28 lol
    Thanksssaa

  • @user-gw8iz4qf9r
    @user-gw8iz4qf9r Рік тому +1

    Does the front end react application is running on port 8080? Whether it must be the same when we run pm2 serve build 8080 --spa ?

  • @antonevseev2708
    @antonevseev2708 2 роки тому +2

    Hey Will! Thanks for the awesome tutorial! Can you please share what DNS Server app you used in your video (timestamp at 22:00) for setting up the custom domain name?

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому +1

      Thanks! It's the DNS app for Synology NAS devices. I use my NAS as a local DNS server.

    • @antonevseev2708
      @antonevseev2708 2 роки тому +1

      Cheers!@@DevOpsForDevelopers

  • @ifuncuran
    @ifuncuran 2 роки тому +2

    helps a lot, tnx!

  • @fibinjohnson299
    @fibinjohnson299 Рік тому +2

    can i use npm run bild in my vs code terminal and later push it into github ropo then pull to this production terminal ...because it is taking too long in ubuntu

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  Рік тому +1

      I wouldn't. The node_modules folder needs to be built on the system where the application will run. Failing to do so may result in incompatibilities with dependencies.
      You also want to avoid storing node_modules in your github repo: it's a huge folder that changes frequently. Rely on your package-lock.json file to pin dependency versions

  • @chantellebradley6959
    @chantellebradley6959 Рік тому +2

    I need to know what the api start script should be for people like me who built something from scratch. I can't get mine working. Keep getting errors.

  • @genosthegreat7870
    @genosthegreat7870 2 роки тому +3

    18:21 what did u click here?

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому +1

      :wq to save the file and edit vim

    • @genosthegreat7870
      @genosthegreat7870 2 роки тому +1

      @@DevOpsForDevelopers before that

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому +1

      @@genosthegreat7870 I’m not sure, I don’t see where I clicked anything before that. Got any additional detail to help me pinpoint it?

    • @genosthegreat7870
      @genosthegreat7870 2 роки тому +2

      @@DevOpsForDevelopers i figured it out
      Ctrl c to type in :wq

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому +2

      @@genosthegreat7870 aaaah, I gotcha. Yeah, you have to exit Insert mode in vim to enter the command. Sorry, it’s muscle memory now and I don’t even realize I’m doing it. The ESC key will work as well.

  • @fibinjohnson299
    @fibinjohnson299 Рік тому +2

    usually how long does it takes to complete npm run build?

  • @tomaszprazniewski7499
    @tomaszprazniewski7499 2 роки тому +2

    Any Idea how to deploy after build a few react/node apps on the same ubuntu server? probably using nginx? it could be server on different url IP/APP1 IP/app2

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому

      Yeah, using a different path for each using Nginx would work.

    • @tomaszprazniewski7499
      @tomaszprazniewski7499 2 роки тому

      @@DevOpsForDevelopers HI May You know why it doesn't work in my case?
      server {
      listen 80;
      listen [::]:80;
      root /var/www/xxx.xxx.xxx.xx; /var/www/xxx.xxx.xxx.xx i have 2 folders portfolio and portfolio2 which have build react code inside of each path
      Thx a lot for response

  • @chantellebradley6959
    @chantellebradley6959 Рік тому +2

    What pm2 command do I run for a plain node ts app when I built one from scratch?

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  Рік тому +1

      pm2 start "your command here" more info can be found in the pm2 docs: pm2.keymetrics.io/docs/usage/process-management/

    • @chantellebradley6959
      @chantellebradley6959 Рік тому +1

      @@DevOpsForDevelopers thank you :)

  • @MrFontaineInc
    @MrFontaineInc 2 роки тому +2

    Do you find it easier to type out the key location versus using a config file in your daily workflow or does it depend on the day/project?

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому +1

      My ssh key location?
      I always type it out. Decades of muscle memory behind those keystrokes. 🤣

  • @OfficialWirusChannelBBC
    @OfficialWirusChannelBBC 9 місяців тому

    Thank you so much!

  • @amiriar3492
    @amiriar3492 2 місяці тому

    you are the best and you don't know it!

  • @SanthoshKumar-dev
    @SanthoshKumar-dev 7 місяців тому

    I can only connect with same network but If I tried on different network it's not working

  • @dtdionne
    @dtdionne 7 місяців тому

    I tried to follow along but i guess the dashboard has changed since 2022. npm run build is no longer an option.

  • @percyai7776
    @percyai7776 2 роки тому +2

    where are the videos for this deployment in diffrent ways..

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  2 роки тому +1

      I think these might have what you're looking for:
      ua-cam.com/video/ySpOLcZqXmw/v-deo.html
      ua-cam.com/video/r0hrb2Hx5Sc/v-deo.html

  • @milesyoung5360
    @milesyoung5360 Рік тому +2

    how did he install pm2 globally without sudo?

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  Рік тому +2

      Use nvm and you'll never install node packages with sudo again: github.com/nvm-sh/nvm
      Bonus: it's super easy to switch between different versions of Node.js for different use cases!

  • @witelfortgelin5377
    @witelfortgelin5377 3 місяці тому

    Hello sir! how some one can talk to you pls?