- PHP 7.1+
- Composer
- Node JS
- NPM
- Redis
- VS Code
- Laravel Valet (NGINX) or use Laradock or Homestead
- git clone https://github.com/codeitlikemiley/vuetified YOURPROJECTNAME
- cd YOURPROJECTNAME
- composer install
- yarn
- cp env.example .env
- php artisan passport:install
- echo:generate
- set your .env
- if you want to use laravel echo then change this to true
ECHO_ON=false
- php artisan migrate:fresh --seed
- node websocket
- Serve Your Site
- laravel valet - valet link YOURSITE
- laradock - docker-compose up -d nginx redis mysql
- homestead - homestead up yourprojectname.test/
- Laravel
- Vue
- Laravel Passport for Oauth and Authentication
- Vuetified for UI
- Laravel Echo for Realtime Broadcasting
- Laravel Horizon for Queueing Jobs
- Laravel Socialite for Integration of Third Party OAuth
- VS Code Plugins For Intelligent Code Fix and Linting
Here You can Add Extra Plugins to Your App
//! Order is Important if Other Services Dependes On it */
//! Primary Services Add Here
import './services/vuetify' //! Configuring Themes and Components
import './services/vue-axios' //! For Making Api Calls
import './services/bus' //! Global Event Bus
import './services/vuex' //! State Management
import './services/echo' //! Websocket
import './services/initial-state' //! Seed Initial Data To Your App
//! @ Vuetified/Configuration/ProvidesScriptVariables.php
import('./services/forms') //! Declare Your Global Form Object Here
import './services/vee-validate' //! Form Validation
import './services/youtube' //! Youtube Component
//! Secondary Services That Depends On the Primary Services
//! i.e: Vuex in our ACL Service
import './services/acl'
open resources/assets/js/services/vuetify.js edit theme object
theme: {
primary: '#ef9a9a',
secondary: '#607d8b',
accent: '#4db6ac',
error: '#b71c1c',
info: '#bbdefb',
success: '#a5d6a7',
warning: '#ffc107'
}
Open Vuetified/Configuration/ProvidesScriptVariables.php
Add Your Initial Data As an Array
public static function scriptVariables()
{
return [
'csrfToken' => csrf_token(),
'env' => config('app.env'),
'api_endpoint' => config('app.api'),
'sponsor' => self::getSponsor()
];
}
If Your Using VS Code which i highly recommend since they offer great Plugins For Vue and ES lint
You can Pm me Directly at Facebook So i Can Share My Settings
Install VS Code , then install this plugin Settings Sync
If You Have Any Seen Any Bugs Please Report Make an Issue
If You Want To Add Components To Be Part Of Vuetified Please Make a Pull Request