Laravel, Vue and SPAs
In this series, come along as I build an "assets" website for Laracasts. Using Laravel as a backend, step-by-step, we'll pull in Vue and Vue Router to construct a practical and real-life single-page application.
Series episodes
The Skeleton
8m 23sStart your Laravel project from scratch by building a solid base skeleton and adding essential npm dependencies for a smooth assets website setup.
Building the Layout
14m 58sBuild a sleek site layout fast by integrating Tailwind CSS with Laravel Mix, streamlining your assets website design in this practical Laracasts episode.
One Component Per Page
5m 16sBuild a Vue app with a one-component-per-page approach, creating sidebar-linked components and adding active link styling for clear navigation.
404 Pages
1m 49sCreate a friendly 404 NotFound component to replace blank pages when users visit invalid URLs, improving UX and guiding visitors effectively.
General Page Styling
13m 32sEnhance your app’s look with essential general page styling and tweaks, creating a polished, user-friendly interface in this practical Laracasts episode.
Lazy Loading Routes
6m 16sBoost your app’s performance by learning how to lazy-load Vue routes with async components and webpack code-splitting—simple, clear, and effective.
Cross-Origin Resource Sharing (CORS)
11m 31sLearn what causes CORS errors like missing Access-Control-Allow-Origin headers and how to fix them for smooth, secure cross-origin AJAX requests.
Token-Based API Authentication
13m 9sMaster token-based API authentication to securely fetch user data. Learn how to protect your Laravel API with easy, effective permission handling.
Hashed API Tokens
3m 50sLearn how to generate and validate hashed API tokens in Laravel 5.8+. Secure your API easily by enabling hash-checking in the auth configuration.
Generating New Tokens
5m 23sLearn how to let users securely revoke and generate new API tokens with a simple, practical example—essential for any third-party platform integration. This is 157 characters and fits your criteria. Let me know if you'd like it refined!




