Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Browse all series

Learn Laravel and Vite

Laravel provides seamless integration with Vite, a next generation front-end bundler that is lightning fast. In this miniseries, join me as I outline Laravel's Vite integration in a way that's easy to understand. You'll be bundling your client-side assets in no time!

Progress

Series Info

Episodes
8
Run Time
57m
Difficulty
Intermediate
Last Updated
May 22, 2024
Version
Latest
Play Series

Series Episodes

  1. Laravel's Vite Integration (8)

    1. Getting Started with Vite

      Vite is included with every Laravel project. So, let's create a project and look at how to set up Vite.

    2. Processing Static Assets

      If it's a client-side asset, Vite can process it. In this episode, you'll learn how to configure Vite to process static assets and use Laravel's Vite::asset() method to generate URLs for them.

    3. Using Aliases

      Aliases allow you to simplify the paths to your modules or assets. Instead of writing out the full path every time you import a module or asset, you can use a shorter, more intuitive alias. Let's look at how to create them.

    4. Installing Vue and Using Environment Variables

      Chances are good that you will use a framework like Vue. In this episode, we'll install and configure Vue for our project. You'll also learn how to create and use environment variables with Vite.

    5. Installing React

      Vue isn't your cup o' tea? Then let's look at how to install and configure React in a project. But seriously, use a preset.

    6. Applying Attributes to Elements

      Laravel and Vite generate the <script> and tags that it needs to resolve our assets, but what if you need to apply attribues to those tags? You can! I'll show you how to use the Vite facade to do so.

    7. Testing with Vite

      Laravel's integration with Vite requires that your tests be able to resolve assets. I'll show you three ways you can handle Vite-processed assets for your tests.

    8. Customizing Laravel's Vite Plugin

      Out of the box, Laravel's Vite plugin uses settings that are just fine for most applications, but you may want to change Vite's behavior for some applications. I'll show you how you can do that.

Continue Learning

Learn Laravel Forge thumbnail

Learn Laravel Forge

With Matt Stauffer

In this series, long-time Laravel Forge advocate Matt Stauffer will teach you how to become a Forge power user. Of course, you'll learn how to provision servers in seconds, but you'll also learn about zero-downtime deployments, processes, queues, securing sites with SSL, database backups, networks, and more!Each episode is bite-sized, so feel free to jump around to the topic that interests you most. Let's go!

  • 23 Episodes
Vue State Management thumbnail

Vue State Management

With Sabatino Masala

State management is at the heart of every Vue application, but exactly how you manage that state can sometimes be...confusing. So let's explore your options! We'll start with the basics, like props and events, before moving on to provide/inject, custom composables, and Pinia. Along the way, we'll tackle practical, real-world scenarios. By the end, you'll know exactly which approach to use and when, so your apps stay clean, organized, and fun to work on.

  • 13 Episodes
Running Clock thumbnail

Running Clock

With Simon Vrachliotis

Welcome to "Running Clock," my new interview series where I fire off questions to top developers about their favorite tools, frameworks, and coding obsessions. The catch? We only have five minutes to get through all of my questions...and the clock is ticking!

  • 11 Episodes
Supercharged Search with Typesense thumbnail

Supercharged Search with Typesense

With Jeffrey Way

Typesense is a wildly fast, open-source search engine that doesn't require a PhD to configure and query. Its API just makes sense. Even better, it integrates seamlessly with Laravel, thanks to the official Typesense PHP client and Laravel Scout.I spent months researching and preparing this course so that you can update your app with powerful Typesense-backed search in record time. Let's go!

  • 22 Episodes
Programming Terms Explained thumbnail

Programming Terms Explained

With Jeremy McPeak

In this series, we'll do things just a little bit differently. Let's take a step back from our code editors and instead review some fundamental technology and software development terms. I'm willing to bet that there are certain bedrock terms that you somehow accidentally skipped over and never learned properly.Let's fix that! Each episode below will focus on a single topic, condensed to the essentials, and animated to perfection for your enjoyment.

  • 12 Episodes