Overview

Vuetified is a Laravel 8.0 theme that has been updated to include various features such as a working Vuetify Loader Set with Inertia JS, Laravel Echo for broadcasting real-time events, Inertia.js for state management, Vue.js 2.6 and Vuetify 2.4 for the user interface, vform and vee-validate v2 for form handling, and Ziggy for routing on the UI. The theme requires PHP 7.4 or 8.0, Node.js version 12.0 or higher, and optionally fnm (for switching node versions) and Laravel Valet (for local development environment setup).

Features

• Vuetify Loader Set with Inertia JS: The theme includes a working Vuetify Loader Set with Inertia JS, allowing for efficient loading and rendering of components.
• Laravel Echo: Real-time event broadcasting is facilitated through Laravel Echo, enabling seamless communication between the server and the client.
• Inertia.js: Inertia.js is utilized for state management, providing a smooth and reactive user experience.
• Vue.js 2.6 + Vuetify 2.4: The user interface is built using Vue.js version 2.6 and Vuetify version 2.4, ensuring a modern and visually appealing design.
• vform & vee-validate v2: Form handling is simplified with the inclusion of vform and vee-validate v2, allowing for easy validation and submission of forms.
• Ziggy: Ziggy is used for routing on the UI, making it effortless to navigate between different sections of the application.

Installation

To install Vuetified, follow the steps below:

1. Clone the Vuetified repository by running the following command in your terminal:

   git clone https://github.com/codeitlikemiley/vuetified YOURPROJECTNAME
   

2. Change into the project directory:

   cd YOURPROJECTNAME
   

3. Install the composer dependencies:

   composer install
   

4. Install the Node.js dependencies:

   yarn
   

5. Copy the example environment file to create a new .env file:

   cp .env.example .env
   

6. Generate the WebSockets SSL certificate:

   php artisan websockets:generate
   

7. Run the database migrations and seed the database:

   php artisan migrate:fresh --seed
   

8. Run the WebSockets server to enable real-time event broadcasting:

   php artisan websocket:serve
   

Summary

Vuetified is a Laravel 8.0 theme that offers a range of features to enhance the development process. With a working Vuetify Loader Set, Laravel Echo for real-time event broadcasting, Inertia.js for state management, and Vue.js 2.6 + Vuetify 2.4 for the user interface, Vuetified provides a powerful foundation for building modern web applications. Additionally, the inclusion of vform, vee-validate v2, and Ziggy simplifies form handling and routing on the UI. By following the installation guide, developers can easily set up and start using Vuetified in their projects.