PHPackages                             rufusmaiwald/lumen-vue-app - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. rufusmaiwald/lumen-vue-app

ActiveProject[Framework](/categories/framework)

rufusmaiwald/lumen-vue-app
==========================

The Laravel Lumen Framework as backend API with Vue.js using vue-cli included

v1.x-dev(5y ago)1043MITPHPPHP ^7.2.5

Since Jun 6Pushed 5y ago2 watchersCompare

[ Source](https://github.com/rufusmaiwald/lumen-vue-app)[ Packagist](https://packagist.org/packages/rufusmaiwald/lumen-vue-app)[ RSS](/packages/rufusmaiwald-lumen-vue-app/feed)WikiDiscussions master Synced yesterday

READMEChangelogDependencies (4)Versions (2)Used By (0)

lumen-vue-cli
=============

[](#lumen-vue-cli)

Want to use lumen but all the advantages of vue-cli even with hot reloading? Here you go! A lumen scaffolding with built-in vue-cli.

This project is a basic lumen `8.0` app, created using the [laravel/lumen](https://github.com/laravel/lumen) scaffolding. On top Vue 3 is installed using vue-cli-service `~4.5.0` with `babel`, `eslint`, `vue-router` and `vue-axios`.

Install
-------

[](#install)

Please verify the requirements for [lumen 8](https://lumen.laravel.com/docs/8.x/installation#installation)and [vue-cli](https://lumen.laravel.com/docs/8.x/installation#installation) first.

Install via composer:

```
composer create-project --prefer-dist rufusmaiwald/lumen-vue-cli site

```

*`site` is the dir name where the new project will be created in.*

After installation download all npm dependencies:

```
npm install

```

Getting Started
---------------

[](#getting-started)

#### Source files

[](#source-files)

The typical vue-cli `src` directory was just moved to `./resources/js/vue`. So you can just use it as usual. Assets in `./resources/js/vue/assets` will be automatically resolved with `@/asset.img`.

#### Static files

[](#static-files)

As vue-cli is now building your compiled source code and assets in your `./public` directory, dont put files in there. All static files that you want to have in the `./public` directory are copied over from `./resources/static` on running `npm run build`. *You might remember this behaviour from the vue-cli `static` folder.*

#### Build application

[](#build-application)

Using `npm run build` your vue-app will be compiled in the public folder and all static files will be copied over. Thats it! Your app is ready to be served from `./public`.

#### Development

[](#development)

lumen-vue-cli uses the vue devServer proxy to allow all backend routes to be available from the frontend **only** via XHR/fetch requests. Learn more about devServer proxy \[here\](composer create-project --prefer-dist laravel/lumen blog). Just run `php artisan serve` and `npm run serve` and voila, your app should be up on `https://localhost:8080`.

> Using the vue-cli devServer, all vue front-end requests get not routed through lumen and associated middlewares. To test this behaviour just build the front-end using `npm run build` and run the lumen app using `php artisan serve`

#### Views

[](#views)

`./resources/js/vue/index.html` will be copied on build to `./resources/views/app.blade.php`. Just include the template in your route to return your vue app.

### Customize Vue-Cli configuration

[](#customize-vue-cli-configuration)

See [Configuration Reference](https://cli.vuejs.org/config/).

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity36

Early-stage or recently created project

 Bus Factor1

Top contributor holds 88.9% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2167d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/bb04d37ab16702184f4f477c243bf4d759e20634f3b23d96743a76ff2e7fe9f6?d=identicon)[rufusmaiwald](/maintainers/rufusmaiwald)

---

Top Contributors

[![rufusmai](https://avatars.githubusercontent.com/u/11784905?v=4)](https://github.com/rufusmai "rufusmai (8 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (1 commits)")

---

Tags

laravellumenlumen-frameworklumen-php-frameworkvuevuejsframeworklaravellumenvuevue-cli

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/rufusmaiwald-lumen-vue-app/health.svg)

```
[![Health](https://phpackages.com/badges/rufusmaiwald-lumen-vue-app/health.svg)](https://phpackages.com/packages/rufusmaiwald-lumen-vue-app)
```

###  Alternatives

[lushdigital/microservice-core

A set of core functionality and convenience classes for a Lumen microservice.

105.5k](/packages/lushdigital-microservice-core)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)