Lali (Laravel Livewire) Starter Kit

LaLi (Laravel Livewire) Starter Kit is a powerful foundation for building web applications with the TALL stack.

• TailwindCSS
• AlpineJS
• Laravel
• Livewire

Build with Livewire full page component and SPA (Single Page Application) with wire:navigate. It provides a feature-rich boilerplate to kickstart your project and accelerate your development process. Ready to go create your awesome project.

Table of Contents

• Screenshots
• System Requirements
• Built in Packages
• Tailwind Plugin
• Features
• Installation
• License

Screenshots (Dark Mode)

Home Guest

Login

Home Authenticated

User Dashboard

User Profile

User Settings

Admin Dashboard

Admin Users Index

Admin Users Create

Admin Users Show

Admin Users Edit

Admin Users Delete

Error 404

Error 503

System Requirements

• PHP 8.1
• Composer
• NodeJS & NPM
• MySQL

Built in Packages

• Laravel Debugbar
• Laravel IDE Helper
• Pest
• Laravel Lang
• Laravel Translation Checker
• Livewire Toaster

Tailwind Plugin

• Forms
• Typography
• Dotted Background

Features

LaLi comes packed with essential features and a well-structured codebase to get you started quickly:

• Auth Layout
  • Register
  • Login
  • Logout
  • Verify Email
  • Password
    • Confirm Password
    • Request Password Reset
    • Reset Pasword
  • Terms of Service
  • Privacy Policy
• Main Layout
  • Home
  • Example
  • About
• App Layout
  • Dashboard
  • Profile
    • Update Profile Information
    • Update Password
    • Delete Account
  • Settings
    • Language
    • Terms of Service and Privacy Policy
  • Example
• Admin Layout
  • Dashboard
    • Total users
    • Verified email users
    • Unverified emal users
  • Users
    • Create
    • Index
      • Delete
      • Search
      • Sort By
      • Sort Direction
      • Per Page
      • Filter (Not implemented yet, only commented html code)
      • Bulk Delete (Pending Feature)
    • Show
    • Edit
  • Example
• Custom Error Page
  • 401
  • 402
  • 403
  • 404
  • 419
  • 429
  • 500
  • 503
• Tested with Pest
  • Feature Test (189 assertions)
• Livewire
  • SPA (Single Page Application) with wire:navigate
  • Full Page Livewire Component
  • Toaster Notification
  • 4 Layouts
    • Auth Layout
    • Main Layout
    • App Layout (default)
    • Admin Layout
• Theme Auto by System Preferences with TailwindCSS
  • Dark Mode
  • Light Mode
• Languages
  • English (default)
  • Indonesian

Installation

Via Composer

1. Create a new project

   composer create-project arifbudimanar/lali
   

2. Run NPM Install

   npm install
   

3. Ready to use

   php artisan serve
   

Via Git Clone

1. Clone this repository

   git clone https://github.com/arifbudimanar/lali.git
   

2. Run Composer Install

   composer install
   

3. Run NPM Install

   npm install
   

4. Copy .env.example to .env

   cp .env.example .env
   

5. Run NPM Dev

   npm run dev
   

6. Run Migration and Seeding

   php artisan migrate
   php artisan db:seed
   php artisan db:seed UserSeeder
   

7. Run the server (Optional)

   php artisan serve
   

8. Open the browser and go to http://localhost:8000 or http://lali.test

License

LaLi is open-source software licensed under the MIT License. Feel free to use it in your projects, and we appreciate any contributions or feedback you might have.