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