More Premium Hugo Themes Premium Tailwind Themes

Laravel Vite

A project template showing off Laravel integration with Vite 2, Tailwind and InertiaJS.

Laravel Vite

A project template showing off Laravel integration with Vite 2, Tailwind and InertiaJS.

Author Avatar Theme by kristjanjansen
Github Stars Github Stars: 23
Last Commit Last Commit: Apr 9, 2021 -
First Commit Created: Dec 18, 2023 -
Laravel Vite screenshot

Overview:

The VITALI stack demo project showcases how to use Vite 2 (a super-fast ESM-based development environment and production bundler) with Laravel, TailwindCSS, and InertiaJS. It offers an upgraded template with various dependencies, support for Tailwind and Inertia, examples with <script setup> syntax, tsconfig.json for Vetur/Volar plugins in VS Code, component autoloading, and auto reloading for Laravel files.

Features:

  • Upgraded dependencies
  • Tailwind support with JIT compiler
  • Inertia support with lazy-loaded pages and routes
  • Examples with <script setup> syntax
  • Integration of tsconfig.json for Vetur/Volar plugins
  • Component autoloading
  • Auto reloading for Laravel files

Installation:

To install the theme, follow the steps below:

  1. Clone the repository:
git clone <repository_url>
  1. Install the required dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Access the project at the provided development URL.

Summary:

The VITALI stack demo project demonstrates the integration of Vite 2, Laravel, TailwindCSS, and InertiaJS. With its upgraded dependencies, support for Tailwind and Inertia, and various additional features, it provides a powerful and efficient development environment for web applications. The installation process is straightforward, allowing developers to quickly set up and start utilizing the benefits of the VITALI stack.