Laravel Moonlight
A batteries-included Laravel preset for building SPAs with InertiaJS, VueJS, and TailwindCSS.
What is Laravel Moonlight?
Laravel Moonlight is a batteries-included Laravel preset that provides a pre-configured stack for building single-page applications (SPAs). It integrates InertiaJS, VueJS, and TailwindCSS to enable fully client-side rendered applications while leveraging Laravel's server-side capabilities. The preset simplifies SPA development by reducing setup complexity and including authentication scaffolding.
Laravel developers who want to build modern, client-side rendered single-page applications without managing complex frontend tooling or abandoning Laravel's backend features.
Developers choose Laravel Moonlight for its seamless integration of Laravel with modern frontend tools, eliminating configuration overhead and providing production-ready authentication scaffolding out of the box.
Overview
Batteries included Laravel preset based on InertiaJS, VueJS and TailwindCSS stack.
Use Cases
Best For
- Rapidly prototyping Laravel-based single-page applications
- Adding authentication flows to Laravel SPAs with minimal setup
- Building SPAs with VueJS and TailwindCSS within a Laravel environment
- Simplifying frontend-backend integration in Laravel projects
- Migrating traditional Laravel applications to a SPA architecture
- Developing full-stack applications with a unified Laravel and VueJS stack
Not Ideal For
- Projects needing a decoupled frontend hosted separately from Laravel
- Teams heavily invested in React or other non-Vue frameworks
- Applications requiring advanced server-side rendering (SSR) beyond InertiaJS's basic capabilities
- Developers seeking a minimal, unopinionated setup without pre-configured tooling
Pros & Cons
Pros
Combines Laravel with InertiaJS, VueJS, TailwindCSS, and Ziggy out-of-the-box, eliminating manual configuration and ensuring a cohesive SPA environment.
Provides production-ready authentication pages (login, register, password reset) via a simple Artisan command, speeding up initial project setup.
Global Vue components in the resources/js/components directory are automatically registered, reducing boilerplate code and setup time.
Offers a clear, organized folder structure for pages, layouts, and components, promoting best practices from the start.
Cons
The preset enforces specific versions of Vue, InertiaJS, and TailwindCSS, limiting flexibility to switch tools or use newer versions without manual overrides.
It's exclusively tied to Laravel, making it unsuitable for projects using other backend frameworks or requiring a standalone frontend.
Advanced users may find the pre-configured stack restrictive, needing to modify configuration files extensively for unique requirements.
Frequently Asked Questions
Related Projects
Laravel Jetstream React⚛️ CLI to replace Vue with React in Laravel Jetstream
Laravel front-end presetAn Inertia.js frontend preset for the Laravel Framework
Breeze ReactLaravel Breeze setup for React
TitaniumInertia / Vue preset is a Laravel frontend scaffolding tool that provides a modern development stack for building single-page applications. It combines Laravel's backend capabilities with Inertia.js, Vue.js, and Tailwind CSS to create a seamless full-stack development experience. ## Key Features - **Authentication Scaffolding** — Includes optional authentication views and logic with the `--auth` flag. - **Client-Side Adapter Support** — Supports both Vue and React as Inertia.js adapters via the `--option` parameter. - **Email Verification** — Provides built-in email verification views that integrate with Laravel's default authentication system. - **Password Confirmation** — Includes password confirmation views for securing sensitive routes with middleware. - **Modern Tooling** — Integrates Tailwind CSS for utility-first styling and Ziggy for Laravel route generation in JavaScript. ## Philosophy The preset follows Laravel's convention-over-configuration approach, offering a streamlined setup for developers who want to build modern web applications with minimal boilerplate.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.