PHPackages savannabits/jetstream-inertia-generator - 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. [Admin Panels](/categories/admin) 4. / 5. savannabits/jetstream-inertia-generator ActiveLibrary[Admin Panels](/categories/admin) savannabits/jetstream-inertia-generator ======================================= Admin CRUD generator using Laravel Jetstream, Inertiajs, Vue.js, Pagetables and Tailwindcss v3.4.0(3y ago)1211.1k33[3 issues](https://github.com/coolsam726/jetstream-inertia-generator/issues)MITBladePHP ^7.4|^8.0 Since Jan 28Pushed 2y ago7 watchersCompare [ Source](https://github.com/coolsam726/jetstream-inertia-generator)[ Packagist](https://packagist.org/packages/savannabits/jetstream-inertia-generator)[ Docs](https://github.com/savannabits/jetstream-inertia-generator)[ GitHub Sponsors](https://github.com/coolsam726)[ RSS](/packages/savannabits-jetstream-inertia-generator/feed)WikiDiscussions main Synced 3d ago READMEChangelog (10)Dependencies (10)Versions (43)Used By (0) JIG v3.x - Jetstream Powered Admin CRUD Generator ================================================= [](#jig-v3x---jetstream-powered-admin-crud-generator) [![Latest Version on Packagist](https://camo.githubusercontent.com/20b983c87a2de26867f7892d77eeba98a9ad6ee833b90f774828fe24f3218d8e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f736176616e6e61626974732f6a657473747265616d2d696e65727469612d67656e657261746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/savannabits/jetstream-inertia-generator)[![GitHub code size in bytes](https://camo.githubusercontent.com/889c85cd59f64540101e8ad8e655ce0ecd10ca348d6c7cfc2a35bb9312ec827a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f64652d73697a652f636f6f6c73616d3732362f6a657473747265616d2d696e65727469612d67656e657261746f72)](https://camo.githubusercontent.com/889c85cd59f64540101e8ad8e655ce0ecd10ca348d6c7cfc2a35bb9312ec827a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c616e6775616765732f636f64652d73697a652f636f6f6c73616d3732362f6a657473747265616d2d696e65727469612d67656e657261746f72)[![Travis (.com) Build](https://camo.githubusercontent.com/c7afc9419013e9553025236577926625222b63b1b83a69ec4751dedd6ed82298/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f636f6d2f636f6f6c73616d3732362f6a657473747265616d2d696e65727469612d67656e657261746f722f6d61737465723f6c6162656c3d7472617669732d6369)](https://travis-ci.com/github/coolsam726/jetstream-inertia-generator)[![Scrutinizer build ](https://camo.githubusercontent.com/76ba88ac96d5f7d73cfe0c7eab99ac3d0dbf4372502dd13cb87722ea1d5c6182/68747470733a2f2f696d672e736869656c64732e696f2f7363727574696e697a65722f6275696c642f672f636f6f6c73616d3732362f6a657473747265616d2d696e65727469612d67656e657261746f722f6d61737465723f6c6162656c3d73637275746e697a65722d6275696c64)](https://scrutinizer-ci.com/g/coolsam726/jetstream-inertia-generator)[![Total Downloads](https://camo.githubusercontent.com/1fb4564a380592516f20785ec5e59e8b7353000796e34deacc1adb42fc4bddb3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736176616e6e61626974732f6a657473747265616d2d696e65727469612d67656e657261746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/savannabits/jetstream-inertia-generator) > ⚠️ **We will maintain this repository up to Laravel 9, as we continue improving its successor, [Savannabits/Acacia](https://github.com/savannabits/acacia) which is more manageable, modular and totally separate from your main application. Check it out, and please give a star if you like it. Thank you for your support!** **Jetstream Inertia Generator** a.k.a **jig** allows you to generate code for simple Admin CRUDs (Create, Read, UPdate, Delete) which are fully compatible with a Laravel Project powered by the [Jetstream - Inertia - Vue.js](https://jetstream.laravel.com/2.x/stacks/inertia.html) Stack. [![Preview](https://user-images.githubusercontent.com/5610289/128055760-efbf0717-bf03-476c-bdfb-e2b8a72b2a69.gif)](https://user-images.githubusercontent.com/5610289/128055760-efbf0717-bf03-476c-bdfb-e2b8a72b2a69.gif) Scenario -------- [](#scenario) You are developing a NextGen project. The data model is complex. It requires **Many CRUDS** managed by the admin in order to power the main end-user functionality. You don't want to spend **Days or even Months** writing boilerplate code for all the CRUDs. If that is you, this package comes to your rescue. Just follow these simple steps: - Generate a Migration for your CRUD table, e.g articles, and run `php artisan migrate` (About **2 minutes**) - With this package, just run `php artisan jig:generate articles` (About **3 seconds!!!**) - Build your css and javascript (About **27 seconds**) DONE! In about **2 and a half minutes**, you get a fully working module consisting of -: - Model - Admin Controller - Index, Create, Show, Edit, Store, Update, Delete - API Controller - Index, Store, Show, Update, Delete - An Authorization Policy - viewAny, view, create, update, delete, restore, forceDelete - Generated Permissions for [spatie/laravel-permissions](https://spatie.be/docs/laravel-permission/v4/introduction) - articles, articles.index, articles.create, articles.show, articles.edit, articles.delete - Frontend Menu entry - Frontend Datatable with Actions thanks to Using Yajra Datatables and datatables.net - Tailwindcss-powered CREATE and EDIT forms, - Tailwindcss - powered SHOW view. - web and API routes - Validation and Authorization Request Classes What more could you ask for? Cut a day's work down to less than 3 minutes. I don't like configurations, give me a working code! ---------------------------------------------------- [](#i-dont-like-configurations-give-me-a-working-code) No worries. If the steps below are too much, we have a starter template for near-zero setup which you can use to start your project without the initial config below. Checkout the [JIG Template Here](https://github.com/savannabits/jig) to get started. Simply click **Use This Template**. Dependencies ------------ [](#dependencies) If you have followed the [Jetstream - Inertia - Vue.js Installation](https://jetstream.laravel.com/2.x/stacks/inertia.html) instructions, then the project will work with minimal configuration. Other Important dependencies that you MUST configure include: 1. [Spatie Laravel Permissions](https://spatie.be/docs/laravel-permission/v4/introduction) - This is used to manage roles and permissions. Its migrations will be published during asset publishing, after which you can go ahead and configure the user trait. 2. [Laravel Sanctum](https://laravel.com/docs/8.x/sanctum) - Used to manage both API and stateful authentication. Since the whole app will be a Single Page Application, make sure you configure the middleware sanctum middleware in `app/Http/Kernel.php` as follows: ``` 'api' => [ \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class, ... ], ``` If you are using v2.x --------------------- [](#if-you-are-using-v2x) > NB: This documentation is for v3.x of JIG. If you are using **v2.x**, [**Access v2.x Docs Here**](../v2/README.md) Before You Install: ------------------- [](#before-you-install) - Ensure you have installed `laravel/jetstream` with `inertia`. Installation ------------ [](#installation) 1. You can install the package via composer: ``` composer require savannabits/jetstream-inertia-generator ``` > ⚠️ 1. Before proceeding, ensure you have installed `laravel/jetstream` with `inertia`. > > ⚠️ 2. Step 1 will install spatie/laravel-permission. Ensure you have published migrations for this package to create roles and permissions tables before proceeding. ``` php artisan vendor:publish --provider="Spatie\Permission\PermissionServiceProvider" ``` > 💡 NB: The `title` field will be automatically added to the `roles` and `permissions` tables when the first CRUD is generated. ::: 2. Install the necessary `npm` dev dependencies by running the following command: If you are using npm: ``` npm install --include=dev --legacy-peer-deps @headlessui/vue @inertiajs/inertia @inertiajs/inertia-vue3 @vitejs/plugin-vue popper.js @babel/plugin-syntax-dynamic-import dayjs dotenv numeral postcss postcss-import pusher-js laravel-echo laravel-vite sass sass-loader vite vue@^3.1 vue3-vt-notifications vue-flatpickr-component vue-numerals mitt vue-select@^4 dynamic-import-polyfill ``` Or if you are using yarn: ``` yarn add -D @headlessui/vue @vitejs/plugin-vue @inertiajs/inertia @inertiajs/inertia-vue3 popper.js @babel/plugin-syntax-dynamic-import dayjs dotenv numeral postcss postcss-import pusher-js laravel-echo laravel-vite sass sass-loader vite vue@^3.1 vue3-vt-notifications vue-flatpickr-component vue-numerals mitt vue-select@^4 dynamic-import-polyfill ``` Feel free to configure the color palette to your own preference, but for uniformity be sure to include `primary`,`secondary`, `success` and `danger` variants since they are used in the jig template. 3. Publish the Package's assets, configs, templates, components and layouts. This is necessary for you to get the admin layout and all the vue components used in the generated code: **Option 1** (Suitable for fresh installations) ``` php artisan vendor:publish --force --provider="Savannabits\JetstreamInertiaGenerator\JetstreamInertiaGeneratorServiceProvider" ``` **Option 2** (Useful if you are upgrading the package or already have local changes you don't want to override.) NB: If you only want to update some published files, delete only the published files that you want to update, then run the appropriate command below: ``` php artisan vendor:publish --tag=jig-blade-templates #Publishes resources/views/app.blade.php. If it already exists, use --force to replace it php artisan vendor:publish --tag=jig-config #Publishes the config file. If it exists use --force to replace it. php artisan vendor:publish --tag=jig-routes #Publishes routes/jig.php to hold routes for generated modules.If you have already generated some routes, be sure to back them up as this file will be reset if you --force it. php artisan vendor:publish --tag=jig-views #publishes Vue Components, app.js, bootstrap.js and Layout files. Use --force to force replace php artisan vendor:publish --tag=jig-scripts #publishes main.ts and Layout files. Use --force to force replace php artisan vendor:publish --tag=jig-css #publishes app.css. Use --force to force replace php artisan vendor:publish --tag=jig-assets #publishes logos and other assets php artisan vendor:publish --tag=jig-compiler-configs #publishes postcss.config.js,vite.config.js, tsconfig.json and tailwind.config.js php artisan vendor:publish --tag=jig-seeders #Publish database Seeders ``` 4. Add the `JigMiddleware` to the `web` middleware group in `app/Http/Kernel.php`: ``` protected $middlewareGroups = [ 'web' => [ ..., \Savannabits\JetstreamInertiaGenerator\Middleware\JigMiddleware::class, ], ]; ``` 5. Allow First-Party access to the Sanctum API by adding the following to the `api` middleware group in `app/Http/Kernel.php` ``` protected $middlewareGroups = [ 'api' => [ \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class, ... ], ]; ``` 6. Modify the .env to have the following keys: ``` APP_BASE_DOMAIN=mydomain.test # or https APP_SCHEME=http #optional mix_app_uri (The path under which the app will be served. It is recommended to run the app from the root of the domain. MIX_APP_URI= #If MIX_APP_URI is empty. APP_URL=${APP_SCHEME}://${APP_BASE_DOMAIN} #If MIX_APP_URI is not empty. #APP_URL=${APP_SCHEME}://${APP_BASE_DOMAIN}/${MIX_APP_URI} # Append the following key to your .env to allow 1st party consumption of your api: #You can add other comma separated domains SANCTUM_STATEFUL_DOMAINS="${APP_BASE_DOMAIN}" ``` 7. create the storage:link (See laravel documentation) to allow access to the public disk assets (e.g logos) via web: ``` php artisan storage:link ``` 8. For `v3` only, set the `scripts` in your `package.json` as follows: ``` "scripts": { "dev": "vite", "build": "vite build", "serve": "vite preview" }, ``` 9. Enable Profile Photos by uncommenting the following line in `config/jetstream.php` under `'features'`: ``` Features::profilePhotos(), ``` 10. Run Migrations and Seeders ``` php artisan migrate php artisan db:seed --class SeedAdminRoleAndUser ``` 11. Now build the npm dependencies using `vitejs`: ``` yarn dev #Start the vitejs development server yarn build #build assets for production ``` 🚀 You are now ready to generate your CRUDs!🎉 Usage ----- [](#usage) ### The initial seeded admin user and role [](#the-initial-seeded-admin-user-and-role) When you run `php artisan vendor:publish --tag=jig-migrations`, a migration is published that creates an initial default user called `Administrator` and a role with the name `administrator` to enable you gain access to the system with admin privileges. The credentials for the user account are: - Email: **** - Password: **password** Use these creds after migration to login and explore all parts of the application ### Create the Permissions, Roles and Users Modules first, in that order: [](#create-the-permissions-roles-and-users-modules-first-in-that-order) Run the following commands to generate the User Access Control Module before proceeding to generate your admin: ``` php artisan jig:generate:permission -f php artisan jig:generate:role -f php artisan jig:generate:user -f ``` You can now proceed to generate any other CRUD you want using the steps in the following section. ### General Steps to generate a CRUD: [](#general-steps-to-generate-a-crud) 1. Generate and write a migration for your table with `php artisan make:migration` command. 2. Run the migration to the database with `php artisan migrate` command 3. Generate the Whole Admin Scaffold for the module with `php artisan jig:generate` command 4. Modify and customize the generated code to suit your specific requirements if necessary. \_\_NB: If the crud already exists, and you would like to generate, you can use the `-f` or `--force` option to force replacement of files. ### Example [](#example) Assuming you want to generate a `books` table: ``` php artisan make:migration create_books_table ``` [![books-crud](https://user-images.githubusercontent.com/5610289/128055907-116a5ad3-3359-4513-bd05-06c5003f3b63.gif)](https://user-images.githubusercontent.com/5610289/128055907-116a5ad3-3359-4513-bd05-06c5003f3b63.gif) - Open your migration and modify it as necessary, adding your fields. After that, run the migration. ``` php artisan migrate ``` - **The Fun Part:** Scaffold a whole admin module for books with jig using the following command: ``` php artisan jig:generate books #Format: php artisan generate [table_name] [-f] ``` **NB:** To get a full list of `jig` commands called under the hood and the full description of the `jig:generate` command, you can run the following: ``` php artisan jig --help php artisan jig:generate --help ``` The command above will generate a number of files and add routes to both your `api.php` and `web.php` route files. It will also append menu entries to the published `Menus.json` file. The generated vue files are placed under the Pages/Books folder in the js folder. - Finally, run `yarn dev or yarn build` to compile the assets. There you have your CRUD. Roles, permissions and Sidebar Menu: ------------------------------------ [](#roles-permissions-and-sidebar-menu) - By Default, generation of a module generates the following permissions: - index - create - show - edit - delete - The naming convention for permissions is ${module-name}.${perm} e.g payments.index, users.create etc. - This package manages access control using policies. Each generated module generates a policy with the default laravel actions: - viewAny, view, store, update, delete, restore, forceDelete The permissions generated above are checked in these policies. If you need to modify any of the access permissions, policies is where to look. - Special permissions MUST also be generated to control access to the sidebar menus. These permissions SHOULD NOT contain two parts separated with a dot, but only one part. - Menus are configured in a json file published at `./resources/js/Layouts/Jig/Menu.json`. - For all menu items, the json key MUST match the permision that controls that menu. A permission without any verb is generated when generating each module for this very purpose. For example, generating a `payments` module will generate a `payments` permission. Then the menu for payments must have `payments` as the json key. - For parent menus and any other menus which may not match any module, you have to create a permission with the key name to control its access. For example, if you have a parent menu called `master-data` you have to generate a permission with the same name. Components Documentation ------------------------ [](#components-documentation) ### Datatables [](#datatables) JIG is built on top of datatables.net and is fully server-side rendered using [Yajra Datatables](https://yajrabox.com/docs/laravel-datatables/master/introduction). Most of the logic resides inside `App\Repositories` and in the respective Repository file, there is a method called `dtColumns` which is used to fully control the columns shown in the Index page. For example, in order to control the columns shown for the Users Datatable, the following is the `dtColumns` method under `App\Repositories\Users.php`: ``` public static function dtColumns(): array { return [ Column::make('id')->title('ID')->className('all text-right'), Column::make("name")->className('all'), Column::make("first_name")->className('none'), Column::make("last_name")->className('none'), Column::make("middle_name")->className('none'), Column::make("username")->className('min-desktop-lg'), Column::make("email")->className('min-desktop-lg'), Column::make("gender")->className('min-desktop-lg'), Column::make("dob")->className('none'), //Column::make("email_verified_at")->className('min-desktop-lg'), Column::make("activated")->className('min-desktop-lg'), Column::make("created_at")->className('min-tv'), Column::make("updated_at")->className('min-tv'), Column::make('actions')->className('min-desktop text-right')->orderable(false)->searchable(false), ]; } ``` **NOTE: In order to omit the `email_verified_at` class from my Index columns all I had to do is comment it out (or better yet, just remove it from the list of columns!)** The datatables are also responsive by default (Checkout for more details). For this purpose, you can use one of the following jig-provided responsive breakpoints to automatically collapse the column below a given screen size. For info on how to use the class logic, checkout the [Class Logic Documentation](https://datatables.net/extensions/responsive/classes). Most of the time I only use `min-`, e.g `min-desktop-l` ``` breakpoints: [ { name: "tv", width: Infinity }, { name: "desktop-l", width: 1536 }, { name: "desktop", width: 1280 }, { name: "tablet-l", width: 1024 }, { name: "tablet-p", width: 768 }, { name: "mobile-l", width: 480 }, { name: "mobile-p", width: 320 }, ], } ``` Checkout the first snippet on how I have used the responsive classes! ### Testing [](#testing) ``` composer test ``` ### Changelog [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](CONTRIBUTING.md) for details. ### Security [](#security) If you discover any security related issues, please email instead of using the issue tracker. Credits ------- [](#credits) - [Sam Maosa](https://github.com/savannabits) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 38 — LowBetter than 85% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity32 Limited adoption so far Community17 Small or concentrated contributor base Maturity70 Established project with proven stability Bus Factor1 Top contributor holds 99.3% 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 ~19 days Recently: every ~95 days Total 42 Last Release 1122d ago Major Versions v1.1.0 → v2.0.02021-03-15 v2.3.0 → v3.0.0-beta.02021-08-02 v2.x-dev → v3.0.22021-08-06 PHP version history (2 changes)v1.0.0PHP ^7.4 v2.2.0PHP ^7.4|^8.0 ### Community Maintainers ![](https://www.gravatar.com/avatar/0c07613c8ab7356eb1d69752c0f2dc5802aeca61029ea8d3e6b9e58bfacee6af?d=identicon)[coolsam726](/maintainers/coolsam726) --- Top Contributors [![coolsam726](https://avatars.githubusercontent.com/u/5610289?v=4)](https://github.com/coolsam726 "coolsam726 (150 commits)")[![gbrits](https://avatars.githubusercontent.com/u/14840021?v=4)](https://github.com/gbrits "gbrits (1 commits)") --- Tags admin-crudsadmin-generatorapi-generatorcode-generatorscrud-generatorinertiainertiajsjetstreamjetstream-generatorsjetstream-inertiajetstream-inertia-generatorjiglaravellaravel-generatorssavannabitstailwindcssvuevue3vuejssavannabitsjetstream-inertia-generator ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/savannabits-jetstream-inertia-generator/health.svg) ``` [![Health](https://phpackages.com/badges/savannabits-jetstream-inertia-generator/health.svg)](https://phpackages.com/packages/savannabits-jetstream-inertia-generator) ``` ### Alternatives [backpack/crud Quickly build admin interfaces using Laravel, Bootstrap and JavaScript. 3.4k3.4M207](/packages/backpack-crud)[eveseat/web SeAT Web Interface 2723.2k135](/packages/eveseat-web) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)