PHPackages chinloyal/lavuet - 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. chinloyal/lavuet ActiveProject[Framework](/categories/framework) chinloyal/lavuet ================ Laravel + Vue + TypeScript Starter Project 1.0.4(6y ago)31.3k[11 PRs](https://github.com/chinloyal/lavuet/pulls)MITPHPPHP ^7.2 Since Dec 3Pushed 4y ago1 watchersCompare [ Source](https://github.com/chinloyal/lavuet)[ Packagist](https://packagist.org/packages/chinloyal/lavuet)[ RSS](/packages/chinloyal-lavuet/feed)WikiDiscussions master Synced today READMEChangelog (1)Dependencies (10)Versions (15)Used By (0) Laravel + Vue + TypeScript Starter Project (MPA) ================================================ [](#laravel--vue--typescript-starter-project-mpa) [![build status](https://camo.githubusercontent.com/cc4119b7f9c36d6e5dc4cf4a5d3ed45ff6e0b8d087a94d8d7501779db892fd86/68747470733a2f2f7472617669732d63692e6f72672f6368696e6c6f79616c2f6c61767565742e7376673f6272616e63683d312e302e33)](https://travis-ci.org/chinloyal/lavuet)[![total downloads](https://camo.githubusercontent.com/6ea4b61855b7b2b2b7de309c86cf616c151a78b5e02a134af46057a511be789e/68747470733a2f2f706f7365722e707567782e6f72672f6368696e6c6f79616c2f6c61767565742f642f746f74616c2e737667)](https://packagist.org/packages/chinloyal/lavuet)[![latest stable version](https://camo.githubusercontent.com/a6a103664b29ac60198da6e10ff217cf44324fccb71c6987f12c13a875346494/68747470733a2f2f706f7365722e707567782e6f72672f6368696e6c6f79616c2f6c61767565742f762f737461626c652e737667)](https://packagist.org/packages/chinloyal/lavuet)[![license](https://camo.githubusercontent.com/425bf585e0d4f459d660ae96e9e00261953c3dcaf77cf82b89393640d367572a/68747470733a2f2f706f7365722e707567782e6f72672f6368696e6c6f79616c2f6c61767565742f6c6963656e73652e737667)](https://packagist.org/packages/chinloyal/lavuet) > Starter project template of full stack web development Demo ---- [](#demo) > Screenshots of a demo application that uses this template The live demo can be found [here](http://addb-bakery.herokuapp.com). The repo for the demo can be found [here](https://github.com/chinloyal/addb-bakery) [![Splash Page Screenshot](https://camo.githubusercontent.com/fc399c997b1e876be0f61beccac2104309efb5bee373bcf805fba2d246e40b51/68747470733a2f2f692e696d6775722e636f6d2f4e4c76576735592e706e67)](https://camo.githubusercontent.com/fc399c997b1e876be0f61beccac2104309efb5bee373bcf805fba2d246e40b51/68747470733a2f2f692e696d6775722e636f6d2f4e4c76576735592e706e67)[![Login Page Screenshot](https://camo.githubusercontent.com/befe48bcffc58c9660105997b50c1fb55e5349fc4c769c0d387b59e95b6ada44/68747470733a2f2f692e696d6775722e636f6d2f6f3234586145342e706e67)](https://camo.githubusercontent.com/befe48bcffc58c9660105997b50c1fb55e5349fc4c769c0d387b59e95b6ada44/68747470733a2f2f692e696d6775722e636f6d2f6f3234586145342e706e67)[![Login GIF](https://camo.githubusercontent.com/06a5f02cea16452066f23330c9e3d1f5aa56e2c6543158e1274c465c45dac900/68747470733a2f2f692e696d6775722e636f6d2f7a4152577444342e706e67)](https://camo.githubusercontent.com/06a5f02cea16452066f23330c9e3d1f5aa56e2c6543158e1274c465c45dac900/68747470733a2f2f692e696d6775722e636f6d2f7a4152577444342e706e67) Features -------- [](#features) - Laravel 6.x - Vue.js 2.5 - TypeScript - Vuetify (Material Design) - Reusable dialog - NProgress on axios request - Hooks - Vuex (with secure storage) - Vuelidate Installation ------------ [](#installation) > With composer ``` $ composer create-project --prefer-dist chinloyal/lavuet ProjectName $ cd ProjectName $ npm install $ npm run dev ``` > From github ``` $ git clone https://github.com/chinloyal/lavuet.git ProjectName $ cd ProjectName $ composer install $ npm install $ npm run dev $ cp .env.example .env $ php artisan key:generate ``` Usage ----- [](#usage) ### Development [](#development) ``` $ npm run watch # build and watch $ npm run hot # serve with hot reload ``` ### Production [](#production) ``` $ npm run prod ``` ### App Dialog [](#app-dialog) Firstly include the AppDialog component in your main layout blade file. Now you can use the dialog from any component by accessing `$dialog` on your vue instance. > Example ``` // Snippet of code deleteItem() { this.$dialog.show({ title: 'Confirm Delete', message: 'Are you sure you want to delete this item?', showCancelBtn: true, onConfirm() { // Delete item } }) } ``` Available Options on the app dialog ``` showCancelBtn?: boolean; cancelBtnText?: string; okBtnText?: string; title: string; message: string; visible?: boolean; dialogType?: string; onConfirm?: Function; ``` '?' Means optional ### Secure Storage [](#secure-storage) If you have need to store data in local storage simply use the utility provided in the utils folder. ``` import { SecureStorage } from '@/utils/secure-storage'; const storage = SecureStorage.getInstance(); storage.set('key', 'value'); ``` It uses localStorage but encrypts the data stored so it cannot be accessed from the console. > NB: In your .env file for laravel set `MIX_APP_SECRET=my-secret-key` with a strong key. ### Hooks [](#hooks) Hooks allow you to enforce rules before you push, commit or even install a package. There are a few hooks prebuilt you can use in the `.hooks` folder. For example you can enforce the use of `npm` over `yarn` and vice versa in the configure.js file. Next simply run the hook from your package.json preinstall script by adding `"preinstall": "node .hooks/frontend/configure.js"`. Other things that can be enforced are branch names, how up to date the branch is with another branch and even linting. Note ---- [](#note) - This is not an SPA. - You can use vuetify components in blade files ### Health Score 29 — LowBetter than 60% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity17 Limited adoption so far Community9 Small or concentrated contributor base Maturity60 Established project with proven stability Bus Factor1 Top contributor holds 73.8% 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 Every ~68 days Total 2 Last Release 2280d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/83bb5fa55020e4d4106feb3e6b8775dee14a660d753f88e9154770238532cf4a?d=identicon)[chinloyal](/maintainers/chinloyal) --- Top Contributors [![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (152 commits)")[![chinloyal](https://avatars.githubusercontent.com/u/22063414?v=4)](https://github.com/chinloyal "chinloyal (54 commits)") --- Tags laravelstarter-kittemplatetype-safetytypescriptvueframeworklaraveltemplatetypescriptstartervue ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/chinloyal-lavuet/health.svg) ``` [![Health](https://phpackages.com/badges/chinloyal-lavuet/health.svg)](https://phpackages.com/packages/chinloyal-lavuet) ``` ### Alternatives [bagisto/bagisto Bagisto Laravel E-Commerce 26.2k161.6k7](/packages/bagisto-bagisto)[krayin/laravel-crm Krayin CRM 22.0k32.8k1](/packages/krayin-laravel-crm)[unopim/unopim UnoPim Laravel PIM 9.4k1.8k](/packages/unopim-unopim)[nasirkhan/laravel-starter A CMS like modular Laravel starter project. 1.4k2.7k](/packages/nasirkhan-laravel-starter) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)