Laravel Starter Kits Now Ship with Vite+ | Mohamed Said [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ ](https://github.com/EG-Mohamed) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ home ](https://msaied.com) [ articles ](https://msaied.com/articles) Laravel Starter Kits Now Ship with Vite+ On this page 1. [ Laravel Starter Kits Switch to Vite+ ](#laravel-starter-kits-switch-to-vite) 2. [ Four Scripts Become Two ](#four-scripts-become-two) 3. [ Lint and Format Rules Move into vite.config.ts ](#lint-and-format-rules-move-into-viteconfigts) 4. [ Per-Stack Changes ](#per-stack-changes) 5. [ Migrating an Existing Project ](#migrating-an-existing-project) 6. [ Key Takeaways ](#key-takeaways) ![Laravel Starter Kits Now Ship with Vite+](https://cdn.msaied.com/604/ff70a112664fcb8b68719ab94a842145.png) [ Laravel ](https://msaied.com/articles?category=laravel) #Laravel #Vite+ #Starter Kits #Frontend Tooling #Oxlint Laravel Starter Kits Now Ship with Vite+ ========================================== 28 Aug 2026 3 min read ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said Table of contents 1. [ 01 Laravel Starter Kits Switch to Vite+ ](#laravel-starter-kits-switch-to-vite) 2. [ 02 Four Scripts Become Two ](#four-scripts-become-two) 3. [ 03 Lint and Format Rules Move into vite.config.ts ](#lint-and-format-rules-move-into-viteconfigts) 4. [ 04 Per-Stack Changes ](#per-stack-changes) 5. [ 05 Migrating an Existing Project ](#migrating-an-existing-project) 6. [ 06 Key Takeaways ](#key-takeaways) Laravel Starter Kits Switch to Vite+ ------------------------------------ As of August 28, 2026, every Laravel starter kit ships with [Vite+](https://viteplus.dev/), the unified frontend toolchain that entered beta on July 2, 2026. Taylor Otwell announced the change on X, and the work landed in [laravel/maestro#60](https://github.com/laravel/maestro/pull/60), contributed by Wendell Adriel. Maestro then synced the update across the React, Vue, Svelte, and Livewire repositories on the same day, pinning `vite-plus` at `0.3.0`. Vite+ is a single CLI called `vp` that wraps Vite, Rolldown, Vitest, tsdown, Oxlint, Oxfmt, and Vite Task, and also manages your runtime and package manager. For Laravel developers, the most immediate effect is that **ESLint and Prettier are gone** from the frontend setup. Four Scripts Become Two ----------------------- The Inertia-based kits previously exposed four separate npm scripts — `lint`, `lint:check`, `format`, and `format:check`. These collapse into a single `vp check` command that formats with Oxfmt, lints with Oxlint, and runs a type check in one pass: ```json "scripts": { "build": "vp build", "build:ssr": "vp build && vp build --ssr", "dev": "vp dev", "check": "vp check", "check:fix": "vp check --fix", "types:check": "tsc --noEmit" } ``` `composer ci:check` follows suit, running `npm run check` where it previously chained `npm run lint:check` and `npm run format:check`. The old toolchain removal also deleted `eslint.config.js`, `.prettierrc`, and `.prettierignore` from each Inertia kit, along with roughly a dozen devDependencies including `eslint`, `typescript-eslint`, `prettier`, `prettier-plugin-tailwindcss`, and the various ESLint plugins for React, Vue, Svelte, and imports. The React kit alone shed 129 lines of ESLint configuration. Lint and Format Rules Move into vite.config.ts ---------------------------------------------- With standalone config files removed, lint and format rules now live directly in `vite.config.ts` under `lint` and `fmt` keys. Warnings are treated as failures, and type-aware linting is enabled by default: ```typescript import { defineConfig, lazyPlugins } from 'vite-plus'; export default defineConfig({ plugins: lazyPlugins(() => [ // ... ]), lint: { ignorePatterns: [ 'vendor/**', 'bootstrap/ssr/**', 'resources/js/components/ui/*', ], options: { denyWarnings: true, typeAware: true, }, }, fmt: { printWidth: 80, tabWidth: 4, singleQuote: true, semi: true, sortTailwindcss: { functions: ['clsx', 'cn', 'cva'], entryPoint: 'resources/css/app.css', }, }, }); ``` Per-Stack Changes ----------------- - **React** — Upgraded to `@vitejs/plugin-react` v6; the React Compiler now runs through `@rolldown/plugin-babel` instead of the plugin's `babel` option. - **Svelte** — Swapped `lucide-svelte` for the officially supported `@lucide/svelte` package. - **Vue** — Received the standard toolchain swap with no additional framework-specific changes noted. - **Livewire** — Smallest diff of the four (no TypeScript to lint): `dev` and `build` scripts moved to `vp`, and plugins wrapped in `lazyPlugins()`. Migrating an Existing Project ----------------------------- New applications generated from any starter kit pick up Vite+ automatically. For existing Vite projects, VoidZero provides a migration command: ```bash vp migrate ``` The official migration guide notes that complex projects may still require manual follow-up, so review it carefully before running this against production code. Key Takeaways ------------- - All Laravel starter kits now pin `vite-plus` at `0.3.0`. - ESLint, Prettier, and their config files are removed from every Inertia kit. - Four npm scripts collapse into `vp check` and `vp check --fix`. - Lint and format configuration moves into `vite.config.ts`. - Type-aware linting and warning-as-error are on by default. - Existing projects can migrate with `vp migrate`, but manual review is advised. --- *Source: [Laravel Starter Kits Now Ship with Vite+ — Laravel News](https://laravel-news.com/laravel-starter-kits-vite-plus)* Found this useful? [ ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fmsaied.com%2Farticles%2Flaravel-starter-kits-now-ship-with-vite&text=Laravel+Starter+Kits+Now+Ship+with+Vite%2B) [ ](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fmsaied.com%2Farticles%2Flaravel-starter-kits-now-ship-with-vite) Frequently Asked Questions ---------------------------- 3 questions Q01 What does Vite+ replace in Laravel starter kits? Vite+ replaces ESLint and Prettier, along with their configuration files (eslint.config.js, .prettierrc, .prettierignore) and roughly a dozen related devDependencies. Linting is now handled by Oxlint and formatting by Oxfmt, both bundled inside the vite-plus package. Q02 How do I migrate an existing Laravel project to Vite+? VoidZero provides a migration command: run `vp migrate` in your project root. The official migration guide warns that complex projects may need manual follow-up, so read the guide at viteplus.dev before running it against production code. Q03 Which Laravel starter kit variants are affected by the Vite+ switch? All four variants — React, Vue, Svelte, and Livewire — were updated simultaneously when Maestro synced the change from laravel/maestro#60. Continue reading More Articles --------------- [ View all ](https://msaied.com/articles) [ ![Laravel Queues at Scale: Backpressure, Dead-Letter Queues, and Graceful Degradation](https://cdn.msaied.com/602/fcffaaa5442f84486d6059eaa4106d26.png) laravel queues reliability ### Laravel Queues at Scale: Backpressure, Dead-Letter Queues, and Graceful Degradation Beyond basic queue workers: learn how to implement backpressure signals, dead-letter queues, and graceful degr... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 28 Aug 2026 3 min read Read ](https://msaied.com/articles/laravel-queues-at-scale-backpressure-dead-letter-queues-and-graceful-degradation) [ ![Mask Query Bindings in Laravel Exception Messages](https://cdn.msaied.com/603/3011313796d00cd5c4e1ead00e1e9ba1.png) Laravel Security QueryException ### Mask Query Bindings in Laravel Exception Messages Laravel 13.27 adds a per-connection option to prevent bound query values from appearing in QueryException mess... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 27 Aug 2026 3 min read Read ](https://msaied.com/articles/mask-query-bindings-in-laravel-exception-messages) [ ![whereBinary(): How to Run Case-Sensitive MySQL Queries in Laravel 13.27](https://cdn.msaied.com/600/0c7655400b43d3b85d1d1e9d0f4c8094.png) Laravel MySQL Query Builder ### whereBinary(): How to Run Case-Sensitive MySQL Queries in Laravel 13.27 Laravel 13.27 adds whereBinary(), orWhereBinary(), whereNotBinary(), and orWhereNotBinary() — clean query-buil... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 26 Aug 2026 4 min read Read ](https://msaied.com/articles/wherebinary-how-to-run-case-sensitive-mysql-queries-in-laravel-1327) [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. Explore - [Home](https://msaied.com) - [Projects](https://msaied.com/projects) - [Articles](https://msaied.com/articles) - [Certificates](https://msaied.com/certificates) - [Contact](https://msaied.com#contact-section) Connect - [ hello@msaied.com ](mailto:hello@msaied.com) - [ +20 109 461 9204 ](tel:+201094619204) © 2026 Mohamed Said. All rights reserved. [ ](https://github.com/EG-Mohamed) [ ](https://www.linkedin.com/in/msaiedm/) [ ](https://wa.me/201094619204) [ ](mailto:hello@msaied.com) [ ](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view)