How gdarko/laravel-vue-starter works
Laravel Vue Starter is a cookie-authenticated admin-panel SPA template. A user enters through the Vue router, signs in or registers through the auth service, then uses protected dashboard, profile, and user-management pages; those pages call Laravel endpoints, which authorize and process user operations. The backend also provides role-based authorization and avatar media handling. README-documented capabilities include password recovery, verification, localization, notifications, and a reusable component showcase. Some backend routes and frontend wiring are unsampled, so links below are limited to documented behavior or visible calls.
Main entry points: routes.js Page routes · AuthService.ts Auth service · User.php User model · UserController.php User endpoints
Components 24
Vue SPA
- Page routes
resources/app/router/routes.js - SPA shell
resources/app/App.vue - Dashboard
resources/app/views/pages/private/dashboard/Main.vue - Profile settings
resources/app/views/pages/private/profile/Main.vue - UI showcase
resources/app/views/pages/private/components/Main.vue
Identity and Access
- Auth state
resources/app/stores/auth.js - Auth service
resources/app/services/AuthService.ts - Sign-in and signup
resources/app/views/pages/auth/login/Main.vue - Fortify actions
app/Providers/FortifyServiceProvider.php - Auth endpoints
app/Http/Controllers/AuthController.php
User Operations
- User directory
resources/app/views/pages/private/users/Index.vue - User service
resources/app/services/UserService.ts - User endpoints
app/Http/Controllers/UserController.php - User domain
app/Services/User/UserService.php - Avatar media
app/Services/Media/MediaService.php
Laravel API
- Role management
app/Services/Role/RoleService.php - API routes
routes/api.php - Web routes
routes/web.php - User model
app/Models/User.php - Role model
app/Models/Role.php - Application database
- Sanctum session auth
config/sanctum.php - Media storage
config/filesystems.php
Other components
- Panel user
Connections 26
- Panel user → Page routes: navigates
- Page routes → Sign-in and signup: selects page
- Page routes → Dashboard: selects page
- Page routes → Profile settings: selects page
- Page routes → User directory: selects page
- Page routes → UI showcase: selects page
- Sign-in and signup → Auth state: uses state
- Auth state → Auth service: requests auth
- Auth service → Sanctum session auth: gets CSRF cookie
- Auth service → Web routes: sends auth requests
- Auth service → API routes: gets current user
- Web routes → Fortify actions: routes auth
- Web routes → Auth endpoints: routes auth
- Fortify actions → User model: creates users
- User directory → User service: requests records
- User service → API routes: calls endpoints
- API routes → User endpoints: dispatches requests
- User endpoints → User domain: delegates operations
- User domain → User model: reads and writes
- User model → Application database: persists records
- User endpoints → Avatar media: updates avatar
- Avatar media → Media storage: stores files
- User model → Role model: has role relations
- Role model → Application database: persists roles
- SPA shell → Auth state: reads identity
- SPA shell → Page routes: renders route