DEV Community


Laravel Livewire: an introduction

Jeroen van Rensen
Hi, I'm Jeroen van Rensen and I'm from the Netherlands. I enjoy making websites using the TALLstack (Tailwind CSS, Alpine JS, Laravel and Livewire)
・1 min read

Laravel Livewire is a great framework for creating interactive web apps without writing any JavaScript. In this tutorial we're going to make a few components using Laravel Livewire so we can see the power of this framework.

Setting up

Important: Livewire requires you to use Laravel.

You can install Livewire using Composer:

composer require livewire/livewire
Enter fullscreen mode Exit fullscreen mode

Next, you have to include Livewire's assets on your page:

<livewire:styles /> <!-- Styles -->
<livewire:scripts /> <!-- Scripts -->
Enter fullscreen mode Exit fullscreen mode

And that was it! Now you can use Livewire.

Click here to continue reading.

Discussion (1)

wulfheart profile image

This is barely an introduction. 😂