laravel/nova-devtool
A dev tool for building Laravel Nova components. Scaffold a Nova workbench via Orchestra, install Axios, Lodash, Tailwind or Vue, toggle Vue DevTool on or off, and migrate from Nova 4's per-component nova.mix.js to a single shared config.
workbench directory — i.e., isolated, versioned, testable, releasable. That is a prerequisite for a "build once, reuse across apps" strategy rather than copy-pasted admin code.nova.mix.js (mix.extend('nova', new require('laravel-nova-devtool'))) replaces per-component boilerplate. Adopting it is a decision to have one frontend build convention across all Nova components instead of N bespoke webpack configs, which directly reduces maintenance surface and review friction.testbench.yaml, one-command Axios/Lodash/Tailwind/Vue install, and Vue DevTool enable/disable are concrete, measurable reductions in time-to-first-working-component and in the Nova-specific frontend knowledge a new engineer needs.enable-vue-devtool / disable-vue-devtool toggles that. This is a real dev-loop productivity lever, not cosmetic.mix.extend('nova', ...) change and removal of per-package nova.mix.js is a scoped, low-risk migration task you can slot into a sprint rather than treat as an unknown.Adopt when:
nova.mix.js files.laravel-mix/webpack is acceptable on your frontend toolchain.Look elsewhere / deprioritize when:
Adoption note for the record: the "0 dependents" figure should not be read as a red flag — this is a --dev dependency plus an NPM dev dependency, a category that dependent-counting systematically undercounts. The more meaningful signal is that releases are frequent, small, and tightly coupled to Nova releases, which is exactly what you want from a compatibility shim and exactly why you should not fork or pin it for long.
For executives: A free, official Laravel-org development-only tool for teams that build custom components inside Nova, the admin panel we already license. It carries zero production runtime risk — it is installed as a dev dependency and never ships. The ask is small: one Composer dev dependency plus one NPM dev dependency. The return is reduced engineering time on every custom Nova component we build, a single standardized frontend build configuration instead of per-component snowflakes, working Vue DevTools against Nova's production-compiled assets (debugging capability we currently lack), and a documented path off Nova 4-era build boilerplate. It's a productivity multiplier on work we're already doing, not a new capability we have to staff.
For engineering: It bootstraps a full isolated Nova installation in a workbench directory via Orchestra Workbench (testbench nova:devtool setup), with optional auto-login through testbench.yaml, so you composer run serve and iterate on a component without a host app. nova:devtool install wires up Axios, Lodash, Tailwind, and Vue; enable-vue-devtool / disable-vue-devtool toggle DevTools support against Nova's production bundle; a shared nova.mix.js replaces copy-pasted build config across packages. Migration from Nova 4 is a two-line webpack.mix.js change. Caveats to internalize: it's webpack/laravel-mix, not Vite; it's version-locked to Nova point releases, so treat "bump Nova" and "bump devtool" as one task; and documentation lives almost entirely in the README, so budget a short internal wiki page and a working example component as part of the pilot.
Recommended next step: pilot on the next internal Nova component. Success metrics: time from git init to a working component in a browser, setup steps per new package (target: one command), and effort to track the next Nova point release.
How can I help you explore Laravel packages today?