Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/TitasGailius/laravel-moonlight
Batteries included Laravel preset based on InertiaJS, VueJS and TailwindCSS stack.
https://github.com/TitasGailius/laravel-moonlight
inertia inertiajs laravel laravel-preset laravel-ui spatie tailwind tailwindcss vue vuejs ziggy
Last synced: about 2 months ago
JSON representation
Batteries included Laravel preset based on InertiaJS, VueJS and TailwindCSS stack.
- Host: GitHub
- URL: https://github.com/TitasGailius/laravel-moonlight
- Owner: TitasGailius
- Created: 2020-01-20T00:57:15.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T08:46:04.000Z (about 2 years ago)
- Last Synced: 2024-11-10T03:35:48.610Z (2 months ago)
- Topics: inertia, inertiajs, laravel, laravel-preset, laravel-ui, spatie, tailwind, tailwindcss, vue, vuejs, ziggy
- Language: PHP
- Homepage:
- Size: 572 KB
- Stars: 145
- Watchers: 3
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-inertiajs - Laravel Moonlight - Laravel front-end preset with Tailwind CSS, Inertia.js and Vue.js. (Resources / Presets)
README
I stand with Ukraine | 🇺🇦
:---: | :---
# Laravel Moonlight
Laravel Moonlight is a carefully crafted Laravel preset for your next SPA application.
Leverage an existing server-side framework to create a fully client-side rendered, single-page application without much of the complexity that comes with a modern SPA.
---
## Stack
* [TailwindCSS](https://tailwindcss.com/)
* [InertiaJS](https://inertiajs.com/)
* [VueJS](https://vuejs.org/)
* [Ziggy](https://github.com/tightenco/ziggy) (Use named routes in your JS)
## Installation
Installed using composer:
```bash
composer require titasgailius/laravel-moonlight
```
## Usage
Once the package has been installed, you may install the scaffolding using the ui Artisan command:
```bash
// Generate basic scaffolding
php artisan ui moonlight
// Include authentication scaffolding
php artisan ui moonlight --auth
```
## Screenshots
---
---
---
---
## Project Structure
```
project
│ - webpack.mix.js
│
└───resources
│ |
│ └───js
│ | │ - app.js
│ | │ - bootstrap.js
│ | │
│ | └───components // Global components that are auto-registered.
| | | | - form-input.vue
| | |
│ | └───layouts
| | | | - app.vue
| | |
│ | └───pages // This is where you put your application pages.
│ | │ - home.vue
│ | │ - welcome.vue
│ | │
│ | └───auth
│ | │ - login.vue
│ | │ - register.vue
│ | │ - verify.vue
│ | │
│ | └───passwords
│ | │ - confirm.vue
│ | │ - email.vue
│ | │ - reset.vue
│ |
│ └───sass
│ | | - app.scss
│ │
│ └───views
│ │ - app.blade.php
|
└───app/Providers
| // Here you may register any variables that are shared between pages.
│ - InertiaServiceProvider.php
```