Series: Laravel Vue Spa
20 articles
- 11.
File Uploads with Laravel and S3-Compatible Storage
Set up file uploads in Laravel 11 using Flysystem with S3-compatible storage like Digital Ocean Spaces or AWS S3.
- 12.
Building a File Upload Component in Vue 3
Create a reusable file upload component in Vue 3 with TypeScript, progress tracking, and drag-and-drop support.
- 13.
Shaping API Responses with Laravel Resources
Laravel API resources provide fine-grained control over JSON responses, letting you transform models and include relationships consistently.
- 14.
Handling API Errors in Your Vue 3 SPA
How to handle validation errors, server errors, and network failures gracefully in a Vue 3 SPA consuming a Laravel API.
- 15.
Vue Middleware Pipelines: An Overview
Adding middleware to a Vue 3 SPA with TypeScript keeps code clean and provides a way to have multiple functions run before a route loads.
- 16.
Vue Auth Middleware: Protecting Routes
A Vue 3 middleware function with TypeScript to check if a user is authenticated before displaying a protected route.
- 17.
Vue Guest Middleware: Redirecting Logged-In Users
A Vue 3 middleware function with TypeScript that redirects authenticated users away from guest-only pages like login and register.
- 18.
Vue Admin Middleware: Role-Based Access Control
A Vue 3 middleware function with TypeScript to check if the authenticated user has admin privileges before allowing access to admin routes.
- 19.
Building a Pagination Component with Vue 3 and Pinia
A complete guide to building a reusable Vue 3 pagination component with Pinia state management and TypeScript, consuming paginated data from a Laravel API.
- 20.
Deploying Your Laravel API and Vue SPA
Deploy your Vue 3 SPA on Vercel or Netlify while hosting the Laravel 11 API via Laravel Forge on Digital Ocean or Railway.