How To Deploy A Vue App To A VPS With Git

[@ProgramWithErik]

Make sure to get your $20 dollar credit for free when you signup for Linode! linode.com/programwitherik

[@erykczajkowski8226]

Always good to see new stuff! Could you perhaps do a vid on Vue plugins? How they work under the hood and how to write your own ones?

[@kusha313]

Hi, Thank you very much for the great video.

[@Ukantor11]

Helped me lot deploying my website - Thank you :)

[@ahmedadly]

nice way to semi-automating the process. well done

[@PhuLe-sm3gk]

Nice tutorial

[@vinaysudani913]

The site is not accessible while the build process is running. Of course, it's fine for the first time when we are setting up a server. but deploying new changes to the site (once the site is live) should not break the existing running live site. any workarounds/suggestions for that?

[@Pinou10001]

Thanks for the tutorial ! Helped me a lot

[@manhtran4892]

Thanks for you sharing. I have a question. When i build Vue Js app on server, the sever CPU run overload? Do you known the reason?

[@EmanNollase]

What if the vuejs app is connected to an api that is also hosted on same server of frontend ui? let say the api was develop in nodejs/express. How can i connect the vuejs + api? What is the necessary configuration? thanks a lot

[@oleksandrnechaiev7153]

Thank you, you've saved me a lot of time!

[@barnabeahouansouha5225]

Not only you

[@Jamie-pq9gn]

Hello, I don’t understand why ln -s create soft link is used. If you visit the website or refresh during the build process, you may not find static resources or other errors.

[@AslamD]

Pretty useful process. I was wondering how to extend this flow to use repo from GitHub. So we have to do git push on github and then our server does the pull automatically?

[@ProgramWithErik]

I think at that point you want to use something like Buddy CI, or Github actions. You can have an action that builds, tests and deploys your app via SCP

[@AslamD]

@@ProgramWithErik I will look into that.

[@darmikela]

@@ProgramWithErik I have done that, unfortunately, the production page goes offline until the build has completed.

[@vinaysudani913]

@@darmikela Did you applied any solution to prevent breaking the production site while the build process is running?

[@ToRXaL]

Thanks for the good Video!

[@amerrashed6287]

probably the best if done with gitlab CI ?! what do you think?

[@choppacast]

Amazing tutorial

[@ProgramWithErik]

Thanks!

[@Smoonwalkerm]

The only ways is build the vue app and using nginx ?...what about if I just want to run yarn serve dev serve? how can I do this ?

[@johnm8358]

whats the tool you use in your local terminal to view the app folder structure?

[@ProgramWithErik]

vim!

[@johnm8358]

@@ProgramWithErik so vim let's you have folder structure on left side and file contents on right in split screen?

[@kaka_ruto]

@@johnm8358 It's called Nerdtree, it's a Vim plugin for viewing files and directories and has all cool shortcuts. Find it here github.com/preservim/nerdtree

[@classicguy7813]

Thanks, used your promotion

[@janakshrestha3473]

Its great tutorial and thank you very much but when I refresh my inner page i.e /home it would give 404

[@elhousseyn_arab]

i want to ask how we can deploy a vue app build into shared hosting cpanel

[@HorrorDiaries]

there's no way to deploy vue apps in shared hosting cpanel. You should use at least VPS with apache or nginx running

[@elhousseyn_arab]

@@HorrorDiaries lol man i was solve the problem and deploy it into shared hosting

[@AapKaRick]

Would prefer Github Actions

[@fredpourlesintimes]

No useful information at all. Where are ID_RSA keys to put in Github?