Laravel
Artículo
Livewire

Qué es Volt?

Volt es una forma de escribir componentes Livewire en un solo archivo — el PHP y el HTML en el mismo .blade.php, sin necesitar una clase PHP separada.

Por Admin ·

Qué es Volt?

Volt es una forma de escribir componentes Livewire en un solo archivo — el PHP y el HTML en el mismo .blade.php, sin necesitar una clase PHP separada.


Sin Volt (Livewire tradicional) necesitas 2 archivos:

app/Livewire/Counter.php        ← la lógica
resources/views/livewire/counter.blade.php  ← la vista

Con Volt todo va en 1 archivo:

resources/views/livewire/counter.blade.php  ← lógica + vista juntas


Cómo se ve un componente Volt

<?php
use Livewire\Volt\Component;

new class extends Component {
    public int $count = 0;

    public function increment(): void
    {
        $this->count++;
    }
}; ?>

<div>
    <p>{{ $count }}</p>
    <button wire:click="increment">+1</button>
</div>

La analogía

Es como la diferencia entre:

  • Sin Volt: tener el cerebro en un cuarto y el cuerpo en otro cuarto separado

  • Con Volt: cerebro y cuerpo juntos en el mismo lugar, como debe ser


En tu proyecto todos los componentes usan Volt — el dashboard, las categorías, los posts, el login, todo está en archivos únicos en resources/views/livewire/.