PHPackages                             quidphp/vue - 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. quidphp/vue

ActiveProject[Framework](/categories/framework)

quidphp/vue
===========

Create a new project using QuidPHP, LemurCMS and Vue

5.31.0(3y ago)22MITPHPPHP &gt;=8.1.0

Since Jul 11Pushed 3y ago2 watchersCompare

[ Source](https://github.com/quidphp/vue)[ Packagist](https://packagist.org/packages/quidphp/vue)[ Docs](https://quidphp.com)[ RSS](/packages/quidphp-vue/feed)WikiDiscussions master Synced today

READMEChangelog (1)Dependencies (1)Versions (2)Used By (0)

QuidPHP/Vue
===========

[](#quidphpvue)

[![Release](https://camo.githubusercontent.com/6dd2f7509841c2778127c83e80989540cb9c403e17bab01900b86aef193f0f2c/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f717569647068702f767565)](https://packagist.org/packages/quidphp/vue)[![License](https://camo.githubusercontent.com/2c28760bb0f0c505068f8273b4e0414e87ac6027c5b4799082c6ea735d68f0b7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f717569647068702f767565)](https://github.com/quidphp/vue/blob/master/LICENSE)[![PHP Version](https://camo.githubusercontent.com/5a46210196a897d49f91cfb2434e716927599c5ef6f921a668337b05e54f3619/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f717569647068702f767565)](https://www.php.net)[![Style CI](https://camo.githubusercontent.com/4401aa3b94188d287fc2fae3891e12026d72522b94cce823c1839d9f3fcb3918/68747470733a2f2f7374796c6563692e696f2f7265706f732f3437353938373032352f736869656c64)](https://styleci.io)[![Code Size](https://camo.githubusercontent.com/3012691bce160a4ae25b953ec9071b33d6afba0e4b13ef3048157bdaed3a53bc/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f64652d73697a652f717569647068702f767565)](https://github.com/quidphp/vue)

About
-----

[](#about)

**QuidPHP/Vue** repository contains the necessary structure to create a new project using QuidPHP, LemurCMS and Vue.

License
-------

[](#license)

**QuidPHP/Vue** is available as an open-source software under the [MIT license](LICENSE).

Documentation
-------------

[](#documentation)

**QuidPHP/Vue** documentation is available at [QuidPHP/Docs](https://github.com/quidphp/docs).

Installation
------------

[](#installation)

**QuidPHP/Vue** can be easily installed with [Composer](https://getcomposer.org). It is available on [Packagist](https://packagist.org/packages/quidphp/vue).

```
$ composer create-project quidphp/vue --prefer-dist
```

Requirement
-----------

[](#requirement)

**QuidPHP/Vue** requires the following:

- Apache or Nginx server (running on MacOs or Linux environment).
    - Works in Windows environment but there are **known issues**.
- PHP 8.1
    - with these extensions:
        - ctype
        - curl
        - date
        - fileinfo
        - gd
        - iconv
        - json
        - mbstring
        - pcre
        - openssl
        - session
        - SimpleXML
        - zip
        - PDO
        - pdo\_mysql
    - and these PHP INI directives
        - *post\_max\_size* must be at least 1MB
        - *post\_max\_size* must be larger than *upload\_max\_filesize*
        - *memory\_limit* must be at least 128MB
- Mysql (&gt;= 8.0) or MariaDB (&gt;= 10.4) database
- NodeJs LTS version (&gt;= 16)
- Any modern browser (not Internet Explorer)

Dependency
----------

[](#dependency)

**QuidPHP/Assert** has the following dependencies:

- [quidphp/site](https://github.com/quidphp/site) - Quid\\Site - Extended platform to build a website using the QuidPHP framework and LemurCMS
- [quidphp/navigation](https://github.com/quidphp/navigation) - Javascript module for navigating a website without reloading
- [vuejs/vue](https://github.com/vuejs/vue) - Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
- [vuejs/vuex](https://github.com/vuejs/vuex) - Centralized State Management for Vue.js.
- [laravel-mix/laravel-mix](https://github.com/laravel-mix/laravel-mix) - The power of webpack, distilled for the rest of us
- [scottcharlesworth/laravel-mix-polyfill](https://github.com/scottcharlesworth/laravel-mix-polyfill) - Quid\\Main - A Laravel Mix extension to include polyfills by using Babel, core-js, and regenerator-runtime
- [sass/dart-sass](https://github.com/sass/dart-sass) - The reference implementation of Sass, written in Dart.
- [webpack-contrib/sass-loader](https://github.com/webpack-contrib/sass-loader) - Compiles Sass to CSS
- [shakacode/sass-resources-loader](https://github.com/shakacode/sass-resources-loader) - SASS resources (e.g. variables, mixins etc.) loader for Webpack.
- [vuejs/vue-loader](https://github.com/vuejs/vue-loader) - Webpack loader for Vue.js components

All dependencies will be resolved by using the [Composer](https://getcomposer.org) installation process.

Setup
-----

[](#setup)

Once the installation is complete, simply follow these steps:

1. Make sure the [storage](storage) and [public](public) folders are writable by your web server. For [storage](storage) also make sure all subdirectories are writable.
2. Configure an Apache Virtual Host or Nginx Server Block in order to have a domain pointing to the [public](public) folder document root.
3. Import [db.sql](db.sql) within a new Mysql/MariaDB database.
4. Duplicate the [env-default.php](env-default.php) file and rename it to **env.php**.
5. Update the scheme hosts within the **env.php** file. You will need to set a different host (domain or subdomain) for the application and the CMS.
6. Update the database parameters within the **env.php** file.
7. Not required, but you are encouraged to change the namespace of all PHP classes within the [src](src) folder. The default namespace is Project.

Booting via Webpack/HTTP
------------------------

[](#booting-via-webpackhttp)

Open the project folder in the Command Line. To start the development server with hot module reload (HMR) write:

```
npm run hot
```

Your application will be reachable at the defined host within your *env.php* file. A second Node server is also started to serve the HMR requests (defaults to localhost on port 8079). You may need to accept the self-signed certificate for that localhost.

Webpack production build
------------------------

[](#webpack-production-build)

To generate the production build for the Vue application, open the project folder in the Command Line and write:

```
npm run prod
```

QuidPHP CLI routes
------------------

[](#quidphp-cli-routes)

Open the project folder in the Command Line. You may now submit a command in the following format:

```
php quid [path][:envType]
exemple:
php quid /en/my-url
php quid /en/my-url:dev/cms
php quid /:prod/app
```

LemurCMS credentials
--------------------

[](#lemurcms-credentials)

Once you open the CMS within your browser, you will need to login. The default user is:

- Username: **admin**
- Password: **changeme123**

Once you are logged in, you will be able to change the password for the user and create new users.

Overview
--------

[](#overview)

**QuidPHP/Project** contains 30 files. Here is an overview:

- [.gitignore](.gitignore) - Standard .gitignore file for the project
- [composer.json](composer.json) - File declaring all Composer PHP dependencies
- [db.sql](db.sql) - Minimal database structure required
- [env-default.php](env-default.php) - Declare environment data for the application, copy this file and rename to env.php
- [LICENSE](LICENSE) - MIT License file for the repository
- [package.json](package.json) - File declaring all NPM dependencies
- [quid](quid) - File for booting the application and Cms via CLI
- [README.md](README.md) - This readme file in markdown format
- [webpack.mix.js](webpack.mix.js) - Configuration file for laravel-mix
- [storage/public/favicon.ico](storage/public/favicon.ico) - Generic favicon (16x16), this will be symlinked to *public/favicon.ico*.
- [public/.htaccess](public/.htaccess) - Simple apache directive file, requires mod\_rewrite
- [public/index.php](public/index.php) - Index file for booting the application and Cms via an HTTP request
- [src/Boot.php](src/Boot.php) - Class for booting the application and CMS
- [src/Route.php](src/Route.php) - Abstract class for a route, all routes will extend this class
- [src/Row.php](src/Row.php) - Abstract class for a row, all rows will extend this class
- [src/Session.php](src/Session.php) - Class used to represent the active session
- [src/App/\_template.php](src/App/_template.php) - Trait used by all routes which generate an interface
- [src/App/Error.php](src/App/Error.php) - Class for the error route of the app
- [src/App/Home.php](src/App/Home.php) - Class for the home route of the app
- [src/Row/User.php](src/Row/User.php) - Class for a row of the user table
- [src/Service/Vue.php](src/Service/Vue.php) - Class related to vue and the loading of front-end assets
- [app/app.scss](app/app.scss) - Main scss stylesheet for the app, injected in the components
- [app/app.vue](app/app.vue) - Root component which loads the correct route
- [app/global.js](app/global.js) - Script which declares some global variables
- [app/index.js](app/index.js) - Entry file for the Vue application
- [app/store.js](app/store.js) - Contains Vuex getters and mutations available globally
- [app/component/HelloWorld.vue](app/component/HelloWorld.vue) - Component for a hello world in a h1 tag
- [app/interface/Layout.vue](app/interface/Layout.vue) - Component for the common page layout
- [app/route/Error.vue](app/route/Error.vue) - Component for the error route
- [app/route/Home.vue](app/route/Home.vue) - Component for the home route

Known issues
------------

[](#known-issues)

- On Windows, there are some problems related to creating symlinks.
- On Windows, you will need to add *lower\_case\_table\_names* = 2 in your database configuration file (my.cnf). The table and column names need to be stored in their natural case.

Testing
-------

[](#testing)

**QuidPHP** testsuite can be run by creating a new [QuidPHP/Assert](https://github.com/quidphp/assert) project.

###  Health Score

25

—

LowBetter than 35% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity5

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity57

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 95.1% 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

1453d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1444427?v=4)[Pierre-Philippe Emond](/maintainers/emondpph)[@emondpph](https://github.com/emondpph)

---

Top Contributors

[![emondpph](https://avatars.githubusercontent.com/u/1444427?v=4)](https://github.com/emondpph "emondpph (39 commits)")[![StyleCIBot](https://avatars.githubusercontent.com/u/11048387?v=4)](https://github.com/StyleCIBot "StyleCIBot (2 commits)")

---

Tags

frameworkcmsvuequidquidphplemurlemur cms

### Embed Badge

![Health badge](/badges/quidphp-vue/health.svg)

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

###  Alternatives

[kompo/kompo

Laravel &amp; Vue.js FullStack Components for Rapid Application Development

12014.8k48](/packages/kompo-kompo)

PHPackages © 2026

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