Need help with vue-monolith-example?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

130 Stars 14 Forks 11 Commits 0 Opened issues


Simple example of how to structure a monolithic Vue application

Services available


Need anything else?

Contributors list

# 3,413
11 commits

Vue Monolith Example

A simple example of how to structure a monolithic Vue application, with the frontend and backend both living within the same codebase.


NOTE: This project relies on Yarn as an alternative to NPM. To install Yarn, follow these instructions.

To start your development server:

yarn dev

Once it's started, you'll see a local URL you can use to access it (by default,

if it's available). Note that all routes starting with
are automatically proxied to your backend server.


Using Now


Using Heroku

  1. Only the first time, to create your app:

    heroku create
  2. Push the Git branch you want to deploy to Heroku:

    git push heroku branch-to-deploy:master

Manual deployment

During your build process, make sure to:

  1. Install dependencies, using the exact versions in your lockfile

    yarn install --frozen-lockfile
  2. Build the frontend

    yarn build

Then start your application with:

yarn start

By default, it will be available at

, but the port can be configured with a
environment variable.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.