Skip to content

j0se/laravel-inertia-vite-template

 
 

Repository files navigation

Laravel Inertia Vite Template

Simple yet powerful template for Laravel Vue applications.

Create your awesome project with awesome template, featuring lots of features and ready to use such as :

  • Full single page application with simplified UI, routing and navigation.
  • Permission will help you organize user, role more flexible with builtin settings.
  • Builtin draggable menu to set your menu easily.
  • Builtin authentication with seeder.
  • Supports multi-language web application.
  • Dark and light themes 🌓

Requirements

  • PHP 8.1 or higher
  • Node JS 14 or higher

Installation

This might take awhile but I'm pretty sure this is worth it. So let's get started.

  1. Clone the repository

    git clone https://github.com/Geriano/laravel-inertia-vite-template.git

  2. Install dependencies

    cd laravel-inertia-vite-template
    composer install
    npm install
    
  3. Copy .env.example to .env

    cp .env.example .env

  4. Generate key application

    php artisan key:generate

  5. Configure your database in .env

    DB_CONNECTION=mysql (can be changed to other database)
    DB_HOST=your_database_host
    DB_PORT=your_database_port
    DB_DATABASE=your_database_name
    DB_USERNAME=your_database_user
    DB_PASSWORD=your_database_password
    
  6. Run migrations and initial seeder

    php artisan migrate:fresh --seed

  7. Run web server

    php artisan serve

  8. Run vite server

    npm run dev

  9. Open your browser and go to localhost and now you ready to build your apps!

Permission

permission-index permission-create permission-update

Role

role-index role-create role-update

User

user-index user-create user-update

Menu builder

menu-builder menu-create menu-update icon-picker

Login activity

login-activity

Translation

translation-index

About

Laravel starter template with inertiajs and vue vite

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 48.2%
  • PHP 47.9%
  • Blade 2.1%
  • JavaScript 1.4%
  • CSS 0.4%