More Premium Hugo Themes Premium Tailwind Themes

Laravel9 Vite Vue2 Starter

@Vuejs 2 for @Laravel 10

Laravel9 Vite Vue2 Starter

@Vuejs 2 for @Laravel 10

Author Avatar Theme by logue
Github Stars Github Stars: 18
Last Commit Last Commit: Nov 21, 2023 -
First Commit Created: Dec 18, 2023 -
Laravel9 Vite Vue2 Starter screenshot

Overview:

This project is a starter template for creating the front-end of a Laravel 10 + Breeze application using Vue 2.7.14. It includes Vite as the front-end build system, which allows for high-speed compilation. The template uses TypeScript for development and follows the Composition API pattern for Vue. It also includes Laravel Pint for code quality assurance and ESLint with the Google JavaScript Style Guide for TypeScript.

Features:

  • Laravel 10 + Breeze: Get started with the latest version of Laravel and its authentication scaffolding package.
  • Vite: Use Vite as the front-end build system for fast compilation.
  • Vue 2.7.14: Build the front-end using Vue 2.
  • TypeScript: Develop the project using TypeScript for added type safety and code clarity.

Installation:

To install and use this starter template, follow the steps below:

  1. Clone or download the project from the repository.
  2. Run composer install and yarn install to install the necessary dependencies.
  3. Copy .env.example and rename it to .env.
  4. Generate an application key by running php artisan key:generate.
  5. Launch the PHP and Vite development servers by running yarn run dev.

Summary:

The Laravel 10 + Breeze + Vite + Vue2 + TypeScript Starter Template is a convenient starting point for developing the front-end of a Laravel application. It provides the latest versions of Laravel, Breeze, Vue, and TypeScript, along with tools like Vite for fast compilation and Laravel Pint for code quality assurance. By following the installation guide, developers can quickly set up their development environment and start building their Laravel application with modern front-end technologies.