DEV Community

Jesus Gilbert
Jesus Gilbert

Posted on

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.

Alt Text
Alt Text

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”.

Alt Text

Select GitHub or your favorite.

Alt Text

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

Alt Text

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”.

Alt Text

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

Alt Text

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.

Alt Text

Ready your app is flying on Netifly

Top comments (8)

Collapse
 
itsalb3rt profile image
Albert E. Hidalgo Taveras

Tenkiu!

Collapse
 
jgilbertcastro profile image
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)

Collapse
 
yeisonpx profile image
Yeison Lapaix

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

Thank you for share.

Collapse
 
kaury1405 profile image
Kaury Rosario

Thanks for this post it very useful.

Collapse
 
jgilbertcastro profile image
Jesus Gilbert

You're welcome!

Collapse
 
tanuj101 profile image
Tanuj Nagpal

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

Collapse
 
diogenespolanco profile image
Diógenes Polanco

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

Collapse
 
jgilbertcastro profile image
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)