π Laravel PWA Kit v1.0 β Installable PWA, Offline Support & Livewire/SPA Ready
π Laravel PWA Kit v1.0 β Installable PWA, Offline Support & Livewire/SPA Ready
This initial release introduces full PWA support for Laravel apps, including installable apps, offline pages, service worker registration, and Livewire/Vue/React SPA compatibility. Set up your Laravel project as a Progressive Web App with minimal configuration.
β What's New / Fixed:
-
π¦ PWA Core Setup
- Automatic generation of
manifest.json,sw.js,offline.html, and defaultlogo.png. - Configure theme color, background color, icons, shortcuts, and display mode via
config/laravel-pwa-kit.php.
- Automatic generation of
-
π² Add-to-Home-Screen Install Toast
- Easy install prompt for users with customizable design.
- Fully works with Blade, Livewire v3, Vue 3, and React SPAs.
-
β‘ Offline Support & Caching
- Offline page displayed when users lose internet connection.
- Service worker handles caching strategies for fast loading and offline usability.
-
π§© Livewire & SPA Friendly
- Integrates seamlessly with Livewire apps.
- Compatible with modern frontend frameworks like Vue 3 and React.
-
π§ Logo & Manifest Management
PwaKit::updatePWALogo()allows safe upload and validation of PWA logos.createOrUpdate()andupdate()methods to managemanifest.jsonprogrammatically.
-
π± Treeware License
- Open source under Treeware. Contributions help plant trees globally.
β Upgrade / Installation Guide:
- Install via Composer:
composer require devrabiul/laravel-pwa-kit- Publish configuration and assets:
php artisan vendor:publish --provider="Devrabiul\PwaKit\PwaKitServiceProvider"- Configure PWA in
config/laravel-pwa-kit.php:
return [
'enable_pwa' => true,
'install-toast-show' => true,
'livewire-app' => true,
'manifest' => [
'name' => env('APP_NAME', 'Laravel'),
'short_name' => 'LPT',
'start_url' => '/',
'theme_color' => '#FF5733',
'background_color' => '#ffffff',
'display' => 'standalone',
'icons' => [
['src' => 'logo.png', 'sizes' => '512x512', 'type' => 'image/png']
],
],
];- Include PWA assets in your Blade layout:
{!! PwaKit::head() !!}
{!! PwaKit::scripts() !!}π First Release of Laravel PWA Kit!
Thanks to all early testers and contributors who helped shape this into a fast, reliable, and user-friendly package. π