Weave Code
Livewire Starter Kit Laravel Package
laravel/livewire-starter-kit
Modern Laravel starter kit powered by Livewire 4 for reactive UIs in PHP. Includes TypeScript, Tailwind CSS, and Flux UI components, giving a solid foundation for building dynamic apps with Blade—without a JavaScript SPA framework.
At a glance
Frequently asked questions about Livewire Starter Kit
- How do I install the Laravel Livewire Starter Kit for a new project?
- Run `composer create-project laravel/livewire-starter-kit` to scaffold a fresh Laravel project with Livewire 4, TypeScript, Tailwind, and Flux UI preconfigured. No manual setup required beyond this command.
- Can I use this starter kit with Laravel 10 or 11?
- Yes, the starter kit is officially supported for Laravel 10 and 11. It leverages Livewire 4, which is fully compatible with these versions. Check the [Laravel docs](https://laravel.com/docs/starter-kits) for version-specific notes.
- What’s the difference between this kit and just installing Livewire via Composer?
- This starter kit includes preconfigured tools like TypeScript, Tailwind CSS, and Flux UI components, saving setup time. It also follows Laravel’s best practices for Livewire 4 integration, including Vite for asset compilation and a structured project layout.
- Is Flux UI mandatory? Can I replace it with Bootstrap or another library?
- Flux UI is optional but included for convenience. You can easily remove or replace it by uninstalling its dependencies (`npm uninstall @fluxui/*`) and swapping components for Tailwind-only or custom CSS frameworks like Bootstrap or Chakra UI.
- How does Livewire 4’s reactivity compare to Alpine.js or Inertia.js?
- Livewire 4 offers server-side reactivity with PHP, avoiding client-side JavaScript complexity. Alpine.js is lighter for small tasks, while Inertia.js bridges Laravel with SPAs like React/Vue. Use Livewire for server-rendered apps needing dynamic UIs without full SPA overhead.
- Will this starter kit work with Laravel Sanctum or Passport for authentication?
- Yes, the starter kit is compatible with Laravel Sanctum and Passport. For WorkOS-specific auth, use the `workos` branch. Otherwise, integrate Sanctum/Passport via Laravel’s standard auth scaffolding (`php artisan make:auth`).
- How do I add Livewire to an existing Laravel project instead of creating a new one?
- Run `composer require livewire/livewire` and `npm install -D tailwindcss typescript @livewire/vite-plugin`. Then, configure Vite (`vite.config.ts`) and Tailwind (`tailwind.config.js`) to match the starter kit’s setup. Migrate components incrementally.
- Are there performance concerns with Livewire for high-traffic apps?
- Livewire’s server-side rendering can handle high traffic but may require optimization. Use Laravel queues for background processing, cache Livewire components, and monitor database load. For extreme scale, consider Livewire’s `wire:ignore` for static sections.
- Can I use this kit with Laravel Forge or Valet for deployment?
- Absolutely. The starter kit follows standard Laravel deployment practices. Use Forge/Valet’s PHP and Node.js support to compile assets (`npm run build`). Ensure your server meets Laravel’s requirements (PHP 8.1+, Composer, Node.js).
- What alternatives exist if I need a SPA-like experience with Laravel?
- For SPAs, consider Inertia.js (React/Vue) or Laravel Mix with Vue/React. If you prefer minimal JS, Alpine.js or HTMX can complement Livewire. The Livewire Starter Kit is optimized for server-rendered apps, not client-side routing.
Weaver
How can I help you explore Laravel packages today?