Deploy React and NodeJS on Linux

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 60

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

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

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

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

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

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

    DevOps in action!! 💯

  • @MrTouqeerhameed
    @MrTouqeerhameed 10 месяцев назад +2

    Excellent and thank you

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

    Very nice video Will! I learned quite a bit.

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

    Just what I needed rn.Thanks

  • @genosthegreat7870
    @genosthegreat7870 Год назад +3

    24:28 lol
    Thanksssaa

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

    We are waiting ! The vid !!

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

  • @minhduc8a21
    @minhduc8a21 Год назад +2

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

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

    helps a lot, tnx!

  • @user-gw8iz4qf9r
    @user-gw8iz4qf9r 10 месяцев назад +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 ?

  • @OfficialWirusChannelBBC
    @OfficialWirusChannelBBC 5 месяцев назад

    Thank you so much!

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

  • @fibinjohnson299
    @fibinjohnson299 Год назад +2

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

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

  • @percyai7776
    @percyai7776 Год назад +2

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

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

      I think these might have what you're looking for:
      ruclips.net/video/ySpOLcZqXmw/видео.html
      ruclips.net/video/r0hrb2Hx5Sc/видео.html

  • @tomaszprazniewski7499
    @tomaszprazniewski7499 Год назад +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  Год назад

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

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

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

  • @antonevseev2708
    @antonevseev2708 Год назад +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  Год назад +1

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

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

      Cheers!@@DevOpsForDevelopers

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

  • @SanthoshKumar-dev
    @SanthoshKumar-dev 4 месяца назад

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

  • @genosthegreat7870
    @genosthegreat7870 Год назад +3

    18:21 what did u click here?

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

      :wq to save the file and edit vim

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

      @@DevOpsForDevelopers before that

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  Год назад +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

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

    • @DevOpsForDevelopers
      @DevOpsForDevelopers  Год назад +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.

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

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

  • @witelfortgelin5377
    @witelfortgelin5377 День назад

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