How to install Laravel Hoggar
📋 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
2. Configure resources/js/app.js
import '../css/app.css';
import './bootstrap';
import { createInertiaApp } from '@inertiajs/vue3';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
import { createApp, 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('./Pages/**/*.vue')),
setup: ({ el, App, props, plugin }) => {
return createApp({ render: () => h(App, props) })
.use(plugin)
.use(ZiggyVue)
.use(pinia)
.mount(el);
},
progress: {
color: '#4B5563'
}
});
3. Update resources/views/app.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title inertia>{{ config('app.name', 'Laravel') }}</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css">
<script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet">
@routes
@vite(['resources/js/app.js', "resources/js/Pages/{$page['component']}.vue"])
@inertiaHead
</head>
<body class="font-sans antialiased">
@inertia
</body>
</html>
4. You have to put env variables for the storage for example if you use disk public in localhost.
HOGGAR_STORAGE_DISK=public
HOGGAR_STORAGE_url=http://127.0.0.1:8000/storage/
5. Install the Hoggar package
composer require hoggarcrud/hoggar
php artisan migrate
php artisan hoggar:install
php artisan vendor:publish --tag=hoggar-config
php artisan storage:link
6. Create an admin user
php artisan make:hoggar-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