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

chrisvfritz
129 Stars 13 Forks 11 Commits 0 Opened issues

Description

Simple example of how to structure a monolithic Vue application

Services available

!
?

Need anything else?

Contributors list

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.

Development

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,

http://localhost:8080
if it's available). Note that all routes starting with
/api/
are automatically proxied to your backend server.

Deployment

Using Now

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

http://localhost:9090
, but the port can be configured with a
PORT
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.