More Premium Hugo Themes Premium Tailwind Themes

Laravel Vue Starter

Latest Laravel 11 and Vue 3 boilerplate using Tailwind 3, Sanctum, Fortify, Pinia, the new Vue3 Composition API

Laravel Vue Starter

Latest Laravel 11 and Vue 3 boilerplate using Tailwind 3, Sanctum, Fortify, Pinia, the new Vue3 Composition API

Author Avatar Theme by gdarko
Github Stars Github Stars: 140
Last Commit Last Commit: Jun 2, 2024 -
First Commit Created: Dec 18, 2023 -
Laravel Vue Starter screenshot

Overview

The Laravel Vue Starter project was created to save time when starting a new Laravel/Vue project. Its main goal is to reduce code and simplify the process of bootstrapping new projects. The project is built with Vue 3, Pinia, VueRouter, Vite 3, Laravel Framework, Laravel Sanctum, Laravel Fortify, Tailwind, Media Library (by Spatie), and Bouncer (by JosephSilber).

Features

  • Theming: The project supports theming, allowing you to set a global color for the application theme in the tailwind.config.js file.
  • Authentication: The project includes a complete authentication boilerplate with login, register, forget password, and reset password features.
  • Authorization: The project is configured to use the Bouncer package for managing authorization across routes. Refer to the Bouncer package documentation for more information.
  • Localization / i18n: The project supports localization and internationalization. To translate the front-end, use the lang/{code}/frontend.php file.
  • Users CRUD: The project comes with a complete users CRUD (create, read, update, delete) that includes a list page with filters and pagination, and edit/create pages with a form for editing users that includes an AJAX-based role search field.
  • Structure: The project organizes the front-end code into different directories for improved readability. These directories include views (pages, icons, layouts, components), helpers, plugins, router, services, stores, and stub.

Installation

To install the Laravel Vue Starter theme, follow these steps:

  1. Clone the repository with git clone.
  2. Change to the project directory with cd laravel-vue-starter.
  3. Install the dependencies with composer install.
  4. Copy the .env.example file to .env with cp .env.example .env.
  5. Generate an application key with php artisan key:generate.
  6. Install the front-end dependencies with npm install.
  7. Start the development server with npm run watch (or npm run build for production).

Summary

The Laravel Vue Starter project is a boilerplate theme aimed at simplifying the process of starting new Laravel/Vue projects. It provides features such as theming, authentication, authorization, localization, users CRUD, and a well-organized file structure. By using this theme, developers can save time and reduce code repetition when starting new projects.