This is a version of Sigma Vue Project running inside a Laravel app with Inertia Js as a connection instead of Vue Router

Overview

About this project

This is a version of Sigma Vue Project running inside a Laravel app with Inertia Js as a connection instead of Vue Router.

Sigma Vue is an admin template builded with Vue Prime Ui Kit

Working with Inertia instead of Vue Router allows you to use all Laravel features like routes, controllers, models, policies, gates, middlewares, validations... keeping the SPA aspect of the application without any loading between page requests and no worries with client side state management

Docs

Project setup


After clone this repository, run:

composer install
npm install


And finally to start the server, run

php artisan serve


To view the application with the best performance, I recommend disabling xdebug on your server. Obviously this is a full version, with all the features of the Vue Sigma template enabled. After developing your own application, I recommend removing all unused components from the resources/js/plugins/primevue.js file.

You might also like...
Pterodactyl panel build using Jetstream and Inertia with a lot of features for the customers.
Pterodactyl panel build using Jetstream and Inertia with a lot of features for the customers.

Pteropanel Pterodactyl panel build using Jetstream and Inertia with a lot of features for the customers. Explore the docs » View Demo · Report Bug · R

Laravel Vue SPA, Bulma themed. For demo login use `admin@laravel-enso.com` & `password` -
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]` & `password` -

Laravel Enso Hit the ground running when building your new Laravel SPA project with boilerplate and extra functionality out of the box! click on the p

Vuelar (Vue-Laravel) - A Laravel-powered pagination package for Vuejs

vuelar (Vue-Laravel) is a vue package that takes care of pagination for a Laravel-powered backend on a Single-Page Application. This package assumes familiarity with Laravel and requires vue-router for navigation.

Use of own created Api in Laravel. Vuex,Vue Router, Axios

moshop2_use_own_api Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run bu

Front-end version of the flight_club app implemented with firebase and vue

flight-club Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lin

Testing SSR version of the Ecommerce App

Varya Commerce Application Varya Commerce is a simple ecommerce application that you can check it out here

Updated version of workout-app with Homepage

workout_tracker Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build

Obitec-oauth nuxt-app - Refactored version of fullstack dev challenge with NUXTjs, Vuetify and Vuex

obitec-oauth_nuxt-app Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for productio

App that performs CRUD operations in which users can track projects, tasks under projects, total duration of each project and task. Project is being build with Nuxt js 3, Axios, Pinia, Bootstrap 5 and Vue composition API

Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Setup Make sure to install the dependencies: # yarn yarn install # npm npm ins

Comments
  • keeping the `.env.example` and creating a copy as `.env`.

    keeping the `.env.example` and creating a copy as `.env`.

    O arquivo .env.example é importante para guiar os desenvolvedores de quais variáveis de ambiente são necessárias para a aplicação rodar, ao invés de renomear o arquivo .env.example, sugiro criar uma cópia do mesmo denominada de .env, tal qual o próprio composer faz ao criar os projetos Laravel.

    Fiz uma automatização, de forma que nem é mais necessário renomear/criar o .env e nem criar a chave por linha de comando, através dos próprios scripts do composer, reutilizo a estrutura de scripts padrão do composer.json e chamo as ações de forma automática.

    Adicionado o script post-install-cmd no composer.json

    "post-install-cmd": [
        "@post-root-package-install",
        "@post-create-project-cmd"
    ]
    

    Sempre que for executado o comando composer install, logo após sua execução os comandos abaixo listados serão executados, desta forma não se faz necessário renomear/copiar de forma manual o arquivo .env.example para o arquivo .env

    ...
    "post-root-package-install": [
        "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
    ],
    "post-create-project-cmd": [
        "@php artisan key:generate --ansi"
    ],
    ...
    


    Removido da documentação o trecho onde indicava a renomeação do arquivo .env.example para .env e a geração da chave da aplicação de forma manual.

    Rename .env.example file to .env
    
    Run:
    
    php artisan key:generate
    
    opened by vs0uz4 0
  • Menu Ui Kit View Missing

    Menu Ui Kit View Missing

    Unfortunately Sigma Vue uses menu components tied to the vue router. So we will need to compile these components from within the library and adapt them to work with inertia links.

    opened by alex-unruh 0
Releases(v1.0.0)
Owner
Alexandre Unruh
Systems Analyst an full stack developer. Married, father of two, from São Paulo - Brazil.
Alexandre Unruh
This project is the Vue.js Bootcamp graduation project organized by Protein-Patika. The application is a real-time race of horses running in 8 different lanes on a straight route.

Protein Vue.js Bootcamp Final Case Protein Vue.js Bootcamp Final Case ??️ Built With ✨ Live Version You can see the live version here. ??️ About This

Emircan DEMİR 4 Jan 4, 2023
Multiple Authentication Using Laravel-Jetstream With Inertia-Vue

Multiple Authentication Using Laravel-Jetstream With Inertia-Vue About Jetstream-Inertia-Vue Multi-Auth It is a user-based multiple authentication sys

SK NIYAJ ALI 7 Sep 22, 2022
Laravel + Inertia JS + Vuetify + JetStream

Laravel 8 + InertiaJS + Jetstream + Vue + Vuetify we love Vue, Vuetify and Laravel 8 let's make them love each other. What next? After clone or downlo

Álesson de Jesus 3 Oct 17, 2022
Driving School CRM based on Laravel, Inertia (Jetstream)

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

tayfur 0 Jun 13, 2022
Laravel-weather-app - Laravel Weather App Built With Vue.js

Laravel Weather App Installation Clone the repo locally: git clone https://githu

Prodromos Pantos 0 Jan 14, 2022
Chadmin is easy to use ClickHouse running query dashboard.

Chadmin Chadmin is easy to use ClickHouse running query dashboard. You can watch your currently running queries for the entire ClickHouse cluster and

Vladimir Bunchuk 29 Dec 23, 2022
Static website with tools running entirely on IPFS.

DreamLink DreamLink is a static website with tools running entirely on the decentralized P2P network: IPFS. There is no need to install an IPFS node o

OpenDreamNet 39 Dec 9, 2022
To avoid storing data on the server, the Wault password manager encrypts and decrypts data inside the browser

To avoid storing data on the server, the Wault password manager encrypts and decrypts data inside the browser. The keys for all encryption processes are derived from the password, which is never sent to the server.

wault 10 Sep 25, 2022
Jetstreams Inertia vue 3 setup... but with typescript

Jetstreams Inertia vue 3 setup... but with typescript It took me hours to actually get this working... So to save my self future efforts and potential

Sam Parton 39 Nov 20, 2022
Proof of Concept: Load any route into a modal with Inertia.js

Inertia Vue Modal POC I've copied the default Laravel Jetstream modal component for this demo. Blog post Proof of Concept: Load any route into a modal

Protone Media 46 Oct 23, 2022