Deploying a Vue App with Netlify

Krissanawat Kaewsanmuang
Jul 8 · 3 min read

Step 1: Create a Vue app

To get started, we will quickly create a Vue app using the Vue CLI. If you don’t yet have the CLI installed, you can do so using yarn or npm:

Step 2: Connect the Vue App with Netlify

Because Netlify offers deployment from Github, Bitbucket or GitLab, we are able to use one of these versioning tools to connect our app to Netlify. In order to do so with Github, we’ll simply create a new github repo for our app, and push our code to it.

Creating a new site with Netlify

On the Netlify home page, we’ll click Sign up, and do so with Github.

Configure your Settings

We’re almost ready to build our site. But first, we’ll configure our settings.

What about URLs?

Your site will go live with a Netlify-created URL, but you can also configure a custom URL if necessary. Additionally, you can have as many URLs as you have branches in your Github repository. This can help with project management when you have different version of your app (with different features, for example) living at each branch.

Let’s ReVue

Hopefully you now see how simple it can be to deploy your Vue app using Netlify. If you’re using Nuxt.js, we show you how to deploy your Nuxt app with Vuetify in our entire Scaling with Nuxt.js course, over on VueMastery.com.

Vue Mastery

The ultimate learning resource for Vue.js Developers

Krissanawat Kaewsanmuang

Written by

React native passionate developer, Coffee addict https://kriss.io

Vue Mastery

The ultimate learning resource for Vue.js Developers