LIVV Stack

Laravel, Inertia, Vue, Vuetify

About LIVV

LIVV is a full stack web application framework built on top of the Laravel PHP framework, Inertia.js, Vue.js, and Vuetify.js.

LIVV is designed to be a starting point for building web applications with a modern, hybrid frontend and a traditional server-side backend.

Features

• Laravel 12.x, PHP 8.4
• Inertia.js for hybrid frontend
• Vue ^3.5 with TypeScript
• Vuetify 3 using Material Design Icons
• Built in front end form validation
• Helper functions for quick messages (toast) to your users
• Helper function for quick confirmation dialogs
• Repositories for an abstraction layer between Models and Services
• Auth scaffolding (UI and backend) including login, registration, password reset, and email verification
• IDE helpers ready to go. Update with sail composer ide-helpers
• Eloquent model to typescript interface tools built in. Just run sail composer ts-helpers
• PHPStan ready to go sail composer analyse
• Pest tests for auth scaffolding sail artisan test. Pest is a modern testing framework with a focus on simplicity and an elegant syntax. It provides a powerful and expressive testing experience, and even supports browser testing with Laravel Dusk.
• Laravel Pint for formatting: sail composer format
• ESLint for formatting and best practices: npm run lint:fix
• GitHub Action to run Pest tests, check back end code formatting, check front end code formatting, and analyze code on push to main or PR to main
• Laravel Spy for logging outgoing HTTP requests. View logs in the http_logs table or via the dashboard at /spy

Demo Applications

LIVV Stack includes full-featured demo applications to showcase the framework's capabilities:

AI Chat (/demo/ai-chat)

A complete AI-powered chat application demonstrating:

• Multi-provider support: OpenAI, Anthropic, xAI (Grok), and more via Laravel Prism
• File attachments: Upload and reference files in conversations
• AI Memory System: Persistent memory that allows AI to remember user information across sessions
• Session management: Create, switch between, and delete chat sessions
• Real-time streaming: Streamed AI responses for better UX

Kanban Board (/demo/kanban)

A drag-and-drop project management board featuring:

• Multiple boards: Create and manage separate project boards
• Column management: Add, rename, reorder, and delete columns
• Task management: Create tasks with descriptions, drag between columns
• Real-time updates: Optimistic UI updates with backend persistence

Installation

Prerequisites:

• Docker
• Node >=v20
• Git

Three ways to install:

1. Easiest way if you are using GitHub

• Click on Use this template button in the top right and create your own repo from this file structure
• Clone your new repository locally
• run bash scripts/init.sh

2. Installation with Git

1. Run git clone git@github.com:nathanbarrett/livv-stack.git my-app (replace my-app)
2. cd my-app
3. bash scripts/init.sh - script will detect that you cloned and turn it into your own repo
4. Visit http://localhost

3. Faster Installation with Git

Go to your projects directory and run 👇 (replace my-app with your desired project name)

APP_NAME=my-app && git clone git@github.com:nathanbarrett/livv-stack.git $APP_NAME && cd $APP_NAME && bash scripts/init.sh

You can re-run init.sh at any time to rebuild the project.

GitHub Actions

Rename .github/workflows/laravel_ci.yml to .github/workflows/laravel_ci.yml.disabled to disable the GitHub Action.

Vuetify Themes

A default light and dark theme is included but feel free to add or update to make it your own in resources/js/vuetify/available-themes.ts

License

LIVV Stack is open-sourced software licensed under the MIT license.