PHPackages servicios-linea-once/starkit - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. servicios-linea-once/starkit ActiveProject[Framework](/categories/framework) servicios-linea-once/starkit ============================ Laravel + Inertia + Vue 3 + TypeScript starter kit 31 Since Apr 21Compare [ Source](https://github.com/servicios-linea-once/starkit)[ Packagist](https://packagist.org/packages/servicios-linea-once/starkit)[ RSS](/packages/servicios-linea-once-starkit/feed)WikiDiscussions Synced 3w ago READMEChangelogDependenciesVersions (1)Used By (0) ⚡ StarKit ========= [](#-starkit) **Laravel 12 · Inertia v2 · Vue 3 · TypeScript** Un starter kit moderno, elegante y listo para producción. [![Laravel](https://camo.githubusercontent.com/9522347b9d5391961659c8c2749dabf2056511ff9d91732ad68246e41c5fd35a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31332d4646324432303f7374796c653d666c61742d737175617265266c6f676f3d6c61726176656c266c6f676f436f6c6f723d7768697465)](https://laravel.com)[![Vue](https://camo.githubusercontent.com/e602a1f33d0bc8f483ad99fb4ada99e0c6be127c6051aa95e03729ae7ae1e18d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5675652d332d3432623838333f7374796c653d666c61742d737175617265266c6f676f3d7675652e6a73266c6f676f436f6c6f723d7768697465)](https://vuejs.org)[![TypeScript](https://camo.githubusercontent.com/767c0a4f732d0ac157215f9238a4152804290b554b946b2489c21761d7110a6f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f547970655363726970742d352d3331373843363f7374796c653d666c61742d737175617265266c6f676f3d74797065736372697074266c6f676f436f6c6f723d7768697465)](https://www.typescriptlang.org)[![Inertia](https://camo.githubusercontent.com/2d25feca8c2f082b112fc2acee2eb65bcf1f6f28c9f9069a9ad7620e6d2ba8dd/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f496e65727469612d76332d3935353345393f7374796c653d666c61742d737175617265)](https://inertiajs.com)[![License](https://camo.githubusercontent.com/152aa2a37725b9fd554b28ff24d270f6071c67927a63e6d635a55c8e188e20c7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d677265656e3f7374796c653d666c61742d737175617265)](LICENSE) [Instalación](#-instalaci%C3%B3n) · [Características](#-caracter%C3%ADsticas) · [Stack](#-stack) · [Configuración](#%EF%B8%8F-configuraci%C3%B3n) · [Estructura](#-estructura) --- ✨ Características ----------------- [](#-características) ### 🔐 Autenticación completa [](#-autenticación-completa) - Registro, login y recuperación de contraseña - Autenticación de dos factores (2FA) por correo - Cierre de sesión de otros dispositivos - Historial de accesos con IP, navegador, SO y ubicación ### 👥 Gestión de usuarios [](#-gestión-de-usuarios) - CRUD completo de usuarios con paginación y filtros - Roles y permisos con Spatie Laravel Permission - Avatar con subida a Cloudinary - Activar / desactivar cuentas ### ⚙️ Panel de configuración [](#️-panel-de-configuración) - Editar perfil (nombre, email, avatar) - Cambiar contraseña - Gestionar dispositivos activos - Ver historial de sesiones ### 🎨 UI / UX [](#-ui--ux) - Modo claro / oscuro con toggle y persistencia - Toast notifications con sonido (dim) y barra de progreso - 4 variantes: `success`, `error`, `warning`, `info` - Animaciones de entrada/salida fluidas - Diseño responsive — mobile first ### 🧩 Sistema de componentes [](#-sistema-de-componentes) - `AppButton` — variantes primary, secondary, ghost, danger - `AppInput` — con label, error y slot de icono - `AppBadge` — con 5 variantes de color - `AppModal` — tamaños sm, md, lg con slots header/footer - `AppToast` — notificaciones globales con auto-hide - `AppAvatar` — con fallback a iniciales - `DataTable` — con ordenamiento, filtros y paginación --- 🚀 Instalación ------------- [](#-instalación) ### Opción A — Laravel Installer (recomendada) [](#opción-a--laravel-installer-recomendada) ``` laravel new my-app --using=servicios-linea-once/starkit ``` > Requiere Laravel Installer actualizado: `composer global update laravel/installer` ### Opción B — Clonando el repositorio [](#opción-b--clonando-el-repositorio) ``` # 1. Clonar git clone https://github.com/servicios-linea-once/starkit.git my-app cd my-app # 2. Configurar entorno cp .env.example .env composer install php artisan key:generate # 3. Base de datos php artisan migrate --seed # 4. Frontend npm install && npm run build # 5. Iniciar servidor php artisan serve ``` ### Credenciales por defecto (seeders) [](#credenciales-por-defecto-seeders) CampoValorEmail`admin@starkit.test`Contraseña`password`Rol`super-admin`--- 🛠 Stack ------- [](#-stack) CapaTecnologíaBackendLaravel 13FrontendVue 3 + TypeScriptBridgeInertia.js v3EstilosTailwind CSS v4AutenticaciónLaravel SanctumRoles y permisosSpatie PermissionImágenes / AvataresCloudinaryBase de datosMySQL / PostgreSQL / SQLiteCola de trabajosDatabase / Redis--- ⚙️ Configuración ---------------- [](#️-configuración) El archivo `.env.example` incluye todas las variables necesarias. Las más importantes: ``` # Aplicación APP_NAME="StarKit" APP_URL=http://localhost:8000 APP_TIMEZONE=America/Lima # Base de datos DB_CONNECTION=mysql DB_DATABASE=starterkit DB_USERNAME=root DB_PASSWORD= # Cola QUEUE_CONNECTION=sync # sync | database | redis # Correo MAIL_MAILER=log # log | smtp | resend # Cloudinary (avatares — opcional) CLOUDINARY_CLOUD_NAME= CLOUDINARY_API_KEY= CLOUDINARY_API_SECRET= CLOUDINARY_UPLOAD_PRESET=starterkit_avatars # 2FA TWO_FACTOR_CODE_LENGTH=6 TWO_FACTOR_CODE_EXPIRES_MINUTES=10 ``` --- 📁 Estructura ------------ [](#-estructura) ``` resources/js/ ├── components/ │ └── ui/ │ ├── AppButton.vue │ ├── AppInput.vue │ ├── AppBadge.vue │ ├── AppModal.vue │ ├── AppAvatar.vue │ ├── AppToast.vue ← Renderiza los toasts │ └── FlashToast.vue ← Conecta flash de Laravel con toasts ├── composables/ │ ├── useToast.ts ← Sistema de notificaciones global │ ├── useFlash.ts ← Lee flash messages de Inertia │ ├── useTheme.ts ← Toggle claro/oscuro │ └── useInitials.ts ← Genera iniciales de nombre ├── layouts/ │ ├── AppLayout.vue ← Layout principal con sidebar │ └── AuthLayout.vue ← Layout para páginas de auth ├── pages/ │ ├── Auth/ │ │ ├── Login.vue │ │ ├── Register.vue │ │ ├── ForgotPassword.vue │ │ └── TwoFactor.vue │ ├── Admin/ │ │ ├── Users/ │ │ └── Roles/ │ └── Settings/ │ ├── Profile.vue │ ├── Password.vue │ └── LoginHistory.vue └── types/ └── index.ts ← Tipos globales + PageProps augmentation ``` --- 🔔 Toast Notifications --------------------- [](#-toast-notifications) Usa `useToast` desde cualquier componente Vue: ``` import { useToast } from '@/composables/useToast' const { add } = useToast() add('Perfil actualizado.', 'success') add('Error al guardar.', 'error') add('Revisa los campos.', 'warning') add('Tienes 3 mensajes nuevos.', 'info') ``` Desde Laravel (flash messages — se convierten automáticamente a toasts): ``` return back()->with('success', 'Usuario creado correctamente.'); return back()->with('error', 'No tienes permisos para esta acción.'); return back()->with('warning', 'Tu sesión expirará pronto.'); return back()->with('info', 'Revisa tu correo electrónico.'); ``` --- 🎨 Modo claro / oscuro --------------------- [](#-modo-claro--oscuro) El sistema de temas usa `prefers-color-scheme` como valor inicial y permite toggle manual: ``` import { useTheme } from '@/composables/useTheme' const { isDark, toggle } = useTheme() ``` ``` {{ isDark ? '☀️ Claro' : '🌙 Oscuro' }} ``` --- 📋 Requisitos ------------ [](#-requisitos) - PHP >= 8.2 - Composer >= 2.0 - Node.js >= 20 - MySQL 8 / PostgreSQL 15 / SQLite 3 - Laravel Installer >= 5.0 (para `--using`) --- 🤝 Contribuir ------------ [](#-contribuir) ``` # Fork del repositorio git checkout -b feature/mi-mejora git commit -m "feat: descripción del cambio" git push origin feature/mi-mejora # Abre un Pull Request ``` --- 📄 Licencia ---------- [](#-licencia) StarKit está licenciado bajo la [licencia MIT](LICENSE). --- Hecho con ❤️ · [servicios-linea-once/starkit](https://github.com/servicios-linea-once/starkit) ### Health Score 10 — LowBetter than 0% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity5 Limited adoption so far Community2 Small or concentrated contributor base Maturity12 Early-stage or recently created project How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://avatars.githubusercontent.com/u/38963600?v=4)[Jhon Smith](/maintainers/servicios-linea-once)[@servicios-linea-once](https://github.com/servicios-linea-once) ### Embed Badge ![Health badge](/badges/servicios-linea-once-starkit/health.svg) ``` [![Health](https://phpackages.com/badges/servicios-linea-once-starkit/health.svg)](https://phpackages.com/packages/servicios-linea-once-starkit) ``` ### Alternatives [nineinchnick/edatatables Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin 173.2k](/packages/nineinchnick-edatatables)[alizharb/laravel-modular A professional, framework-agnostic modular architecture for Laravel 11+. Features zero-config autoloading, 29+ Artisan command overrides, and seamless Vite integration. 211.6k9](/packages/alizharb-laravel-modular)[link-cloud/fast-hyperf LinkCloud Fast Hyperf 241.2k1](/packages/link-cloud-fast-hyperf) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)