Screenshots

About Jarvis

Laravel Jarvis is a starter project made with Laravel Jetstream Inertia Vue and add more additional feature like User, Role & Permission management, Responsive design, Light/Dark Mode, Rich Table with many features. Check the documentation for more details.

Features

• User Authentication.
• Role and Permission Management.
• Localization (Currently, English, Bahasa Indonesia).
• Dark/Light Mode Support.
• Appliation Settings.
• Acitivity Log
• Responsive Design
• Modal Form
• Bulk Action
• Toast Notification
• Toooltip
• SSR (Server Side Rendering)
• Rich Feature Server Side Datatable

Requirements

• Php 8
• Composer
• Mysql
• Apache/Nginx

Installation and Usage

Clone the git repository

git clone https://github.com/erikwibowo/Laravel-Jarvis.git

Go to the folder

cd Laravel-Jarvis

Install and Update composer dependencies

composer update

Install npm dependencies

npm install

Copy .env.example and raname it to .env

cp .env.example .env

Generate application key

php artisan key:generate

Link storage

php artisan storage:link

SETTING UP DB CONNECTION IN .env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=jarvis
DB_USERNAME=root
DB_PASSWORD=

SETTING UP EMAIL for Email Verification Or disable verification email. Read more

MAIL_MAILER=smtp
MAIL_HOST=mailpit
MAIL_PORT=1025
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="[email protected]"
MAIL_FROM_NAME="${APP_NAME}"

Migrate Database with fresh seed

php artisan migrate:fresh --seed

Start the NPM server

npm run dev

Start the Laravel Developement Server

php artisan serve

Dealing with Cors

If you are experiencing Cross-Origin Resource Sharing (CORS) issues in the browser while fetching assets from the Vite dev server, you may need to grant your custom origin access to the dev server. The easiest way to allow a custom origin for your project is to ensure that your application's APP_URL environment variable matches the origin you are visiting in your browser. For example, if you visiting APP_URL=https://jarvis.test, you should update your .env to match:

APP_URL=https://jarvis.test

If you need more fine-grained control over the origins, such as supporting multiple origins, you should utilize Vite's comprehensive and flexible built-in CORS server configuration. For example, you may specify multiple origins in the server.cors.origin configuration option in the project's vite.config.js file:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: 'resources/js/app.js',
            refresh: true,
        }),
    ],

    /**
     * This line is for prevent CORS error when developing environment
     * Change with your local development domain
     * In this case, I'm using http://jarvis.test provided by Laragon
     * If you're using Valet, you can use http://jarvis.test
     * Or if you're using XAMPP, you can use http://localhost:your-port (default is 80)
     */
    server: {
        cors: {
            origin: ["http://jarvis.test"],
        },
    },
});

and final touch is optimize the config to apply the change by running this script:

php artisan optimize

Login With

Superadmin

email : [email protected]
password : superadmin

Admin

email : [email protected]
password : admin

Operator

email : [email protected]
password : operator

Packages

• Vue
• Inertia
• Tailwind
• Spatie
• Floating Vue
• VueUse
• Hero Icons
• HeadlessUI

License

Laravel Jarvis is open-sourced software licensed under the MIT license.

Built With