Deploying an exiting VUE App on Netlify

Jesus Gilbert Castro
Nov 5 · 2 min read

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

  1. Create an account or authenticate with GitHub on Netlify.

2. Click on “New site from Git on Netifly”.

3. Select GitHub or your favorite.

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

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

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

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

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade