TASSILI Docs
search
menu
TASSILI Docs
search
search
How to install Laravel Tassili Free
📋 Requirements
  • PHP 8.2+
  • Node.js and npm
  • Laravel 12 with Breeze (Inertia.js)
  • Vite configured
1. Install front-end dependencies
npm install quill@^2.0.3
npm install vue-chartjs chart.js
npm install pinia
npm install notyf
npm install material-icons
composer require spatie/laravel-route-attributes
2. Configure resources/js/app.ts
import '../css/app.css';
import './bootstrap';
import 'material-icons/iconfont/material-icons.css';
import { createInertiaApp } from '@inertiajs/vue3';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
import { createApp,DefineComponent,h } from 'vue';
import { ZiggyVue } from '../../vendor/tightenco/ziggy';
import { createPinia } from 'pinia';

const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
const pinia = createPinia();

createInertiaApp({
  title: (title) => `${title} - ${appName}`,
  resolve: (name) =>
    resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob<DefineComponent>('./Pages/**/*.vue')),
  setup({ el, App, props, plugin }) {
  createApp({ render: () => h(App, props) })
      .use(plugin)
      .use(ZiggyVue)
      .use(pinia)
      .mount(el);
  },
  progress: {
    color: '#4B5563'
  }
});
3. You have to put env variables for the storage for example if you use disk public in localhost.
TASSILI_STORAGE_DISK=public
TASSILI_STORAGE_URL=http://127.0.0.1:8000/storage/ 
4. Install the TASSILI package
composer require tassili/crud
php artisan migrate
php artisan tassili:install
php artisan vendor:publish --tag=tassili-config
php artisan storage:link
5. In your bootstrap/app.php, add:
    
$middleware->alias([
    'tassili.auth' => \App\Http\Middleware\TassiliAuth::class,
]);
    
  
6. In your app/Providers/AppServiceProvider.php, add:
    
use Illuminate\Support\Facades\Route;
use Spatie\RouteAttributes\RouteRegistrar;
use Spatie\RouteAttributes\RouteFileRegistrar;

public function boot(): void
{
(new RouteRegistrar(Route::getFacadeRoot()))
->useRootNamespace('App\\Http\\Controllers')
->useBasePath(app_path('Http/Controllers'))
->useMiddleware(['web'])
->registerDirectory(app_path('Http/Controllers'));
}
7. Create an admin user
php artisan make:tassili-user
Then access the admin panel:
👉 http://localhost/admin/login
🧩 Included Features
  • 🎨 Inertia Vue 3 interface
  • 🧠 State management with Pinia
  • 📝 Rich text with Quill.js
  • 📊 Charts with Chart.js
  • ⚡️ Full CRUD generator
  • 🔒 Wizard Form