Deploying an exiting VUE App on Netlify

In this tutorial I will show you how to make a deployment of your VUE app in Netifly so you can test or share it.

Step 1: Create a VUE app

You must have knowledge of how to use NPM or YARN since we will use the build and DIST folder to configure Netifly. I will assume that you already have an app created.

Step 2: Push your app to GitHub, GitLab Or Bitbucket

For this example I will use GitHub

Create an account or authenticate with GitHub on Netlify.
Click on “New site from Git on Netifly”.

Select GitHub or your favorite.

Then you will have to choose the repository (s) so that they have
permission to be visible on Netifly.

Next you will have to choose the branch you want to publish and define
the command to build and the publication folder as specified in the
first step and click on “Deploy Site”.

Also, you will see the first step is running “Deploying site”, if you
want to see the terminal click on it.

When this finish the next step is “set up a custom domain” if you want!.
Finally, you can see at the top the self-generated name of your app and
the site for testing.

Ready your app is flying on Netifly

Comments

[Albert E. Hidalgo Taveras]

Tenkiu!

[Jesus Gilbert]

If you prefer to reactjs you can also do it, you just have to know with which command you build to production and what folder you create to publish (dist, public .... etc)

[Yeison Lapaix]

Nice article Jesus, I really like it, it's very short and easy.

Thank you for share.

[Kaury Rosario]

Thanks for this post it very useful.

[Jesus Gilbert]

You're welcome!

[Tanuj Nagpal]

Yeah I recently shifted my nuxt.js website to netlify with custom domain, It's pretty good

[Diógenes Polanco]

wow it's amazing how easy it is to publish a site with netifly.

[Jesus Gilbert]

If you prefer to angular you can also do it, you just have to know with which command you build to production and what folder you create to publish (dist, public .... etc)