Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kamona-wd/kui-laravel-jetstream

Different UI for laravel/jetstream
https://github.com/kamona-wd/kui-laravel-jetstream

inertiajs jetstream-laravel laravel laravel-auth livewire ui

Last synced: 25 days ago
JSON representation

Different UI for laravel/jetstream

Awesome Lists containing this project

README

        

# K UI Laravel Jetstream

Different UI for [larave/jetstream](https://github.com/laravel/jetstream).

[![License](https://img.shields.io/github/license/Kamona-WD/kui-laravel-jetstream)](https://github.com/Kamona-WD/kui-laravel-jetstream/blob/main/LICENSE.md)
[![Releases](https://img.shields.io/github/release/Kamona-WD/kui-laravel-jetstream)](https://github.com/Kamona-WD/kui-laravel-jetstream/releases)
[![Stars](https://img.shields.io/github/stars/Kamona-WD/kui-laravel-jetstream)](https://github.com/Kamona-WD/kui-laravel-jetstream/stargazers)
[![Total Downloads](https://img.shields.io/packagist/dt/kamona/kui-laravel-jetstream.svg)](https://packagist.org/packages/kamona/kui-laravel-jetstream)

#### [Breeze Version](https://github.com/Kamona-WD/kui-laravel-breeze)

> We recommend installing this package on a project that you are starting from scratch.

#### Usage
> NOTE: It doesn't matter if you use `vitejs` or `laravel-mix`, it will work in both cases.
1. Fresh install Laravel >= 8.0 and `cd` to your app.
2. Install laravel/jetstream

```sh
composer require laravel/jetstream

# after finish run this command

php artisan jetstream:install livewire --teams
```

3. Install kamona/kui-laravel-jetstream

```sh
composer require kamona/kui-laravel-jetstream --dev

# after finish run this command

# This package will detect if your project use vitejs or not by check if vite.config.js exist or not.
php artisan kui-jetstream:replace livewire --teams
# available stacks (livewire,inertia).
# So if you run `php artisan jetstream:install inertia` you can run `php artisan kui-jetstream:replace inertia`

# then
npm install && npm run dev # or yarn && yarn dev
```

4. Configure your database.
5. Run `php artisan migrate`.
6. `php artisan serve`.

> Do not forget to change `APP_URL` in `.env` file and run `php artisan storage:link` if you want to enable `manageProfilePicture` feature.

#### Navigation

You will found sidebar links in:

- livewire: `resources/views/components/sidebar/content.blade.php`.
- inertia: `resources/js/Components/Sidebar/SidebarContent.vue`

#### Screens

| | |
| ----------------------------------- | ---------------------------------- |
| ![Shocase 1](screens/r-light.png) | ![Shocase 2](screens/l-dark.png) |
| ![Shocase 3](screens/d-light.png) | ![Shocase 4](screens/d-dark.png) |
| ![Shocase 5](screens/t-light.png) | ![Shocase 6](screens/t-dark.png) |
| ![Shocase 7](screens/api-light.png) | ![Shocase 8](screens/api-dark.png) |