Browse all series
FrameworksIntermediate10 episodes

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 23s

Start 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 58s

Build 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 16s

Build 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 49s

Create a friendly 404 NotFound component to replace blank pages when users visit invalid URLs, improving UX and guiding visitors effectively.

General Page Styling

13m 32s

Enhance 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 16s

Boost 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 31s

Learn 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 9s

Master 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 50s

Learn 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 23s

Learn 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!

Continue learning

Thumbnail for Laravel Explained
Laravel Explained

With Jeffrey Way

  • 9 episodes
  • Advanced
  • Frameworks
Thumbnail for What's New in Laravel 9
What's New in Laravel 9

With Jeffrey Way

  • 11 episodes
  • Intermediate
  • Frameworks
Thumbnail for Build Modern Laravel Apps Using Inertia.js
Build Modern Laravel Apps Using Inertia.js

With Jeffrey Way

  • 24 episodes
  • Intermediate
  • Frameworks
Thumbnail for What's New in Laravel 5.4
What's New in Laravel 5.4

With Jeffrey Way

  • 10 episodes
  • Intermediate
  • Frameworks
Thumbnail for shadcn/ui Deconstructed
shadcn/ui Deconstructed

With Simon Vrachliotis

  • 10 episodes
  • Advanced
  • Frameworks

Would you like to hear from Laracasts by email occasionally?