DEV Community

Cover image for Deploy Vue.js app on Vercel
Ivana
Ivana

Posted on

Deploy Vue.js app on Vercel

Introduction

What is Vue.js?

Vue.js is an open-source model–view–view model (MVVM) front end JavaScript framework for building user interfaces and single-page applications. The core library is focused on the view layer only and is easy to pick up and integrate with other libraries or existing projects. To learn more Why Vue.js click here

Deploy Vue.js app on Vercel

Vercel is the best place to deploy any frontend app.

To start a new project you can Import Git Repository (Deploy your own Vue.js app) or Clone Vue.js Template from many available Templates.

To Select Vercel Scope and Clone Vue.js Template whether you create a new Vercel Team and deploy the Git repository to it, or deploy it to your existing Personal Account it's just a few steps job and it's FREE.

This is a brief example of a Vue.js app that can be deployed with Vercel and zero configuration.

Steps

1. Create Git Repository

Alt Text

2. Import Project

Congratulations!

Your project has been successfully deployed.
Alt Text

Welcome to Your Vue.js App
Alt Text

Live Example is here: https://vue.now-examples.now.sh

To get started with Vue.js deployed with Vercel, you can use the Vue CLI to initialize the project:

vue create

If you are deploying From Your Terminal

You can deploy your new Vue.js project with a single command from your terminal using Vercel CLI:

vercel

Learn more about Vue.js on Github.

That's it!

Welcome to Your Vue.js App, easy as that!

To connect with me

Please check my Github, LinkedIn and follow me on Twitter.

Thanks for reading!

Top comments (0)