Giter Club home page Giter Club logo

laravel-inertia-vite-template's Introduction

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

laravel-inertia-vite-template's People

Contributors

geriano avatar mesayusriana12 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.