programando-laravel: Crear un proyecto con Jetstream

Jetstream es una aplicación que al instalarla te instala Tailwind CSS, Livewire y el scaffolding de Inertia.

Si no lo tienes instalado de antes:


  composer require laravel/jetstream

Para crear un proyecto con Jetstream:


  laravel new blog_coders --jet

Elegir:
0
no
Entramos dentro de la carperta creada.


npm install

npm run dev

php artisan migrate

Para poder usar Livewire hay q añadir sus css y sus js en resources\views\welcome.blade.php:


  <head>

...

 @livewireStyles

</head>

 ...

 <body>

...

@livewireScripts

 </body>

Para crear un componente de Livewire:


    php artisan make:livewire contador

En app\Http\Livewire\Contador.php:


public $count = 0;

public function incrementar() {

        $this->count++;

    }

En resources\views\livewire\contador.blade.php:


<div>

    <h1>Hola mundo </h1>

    <button wire:click='incrementar'>Aumentar valor </button>

    <h2>{{ $count }} </h2>

</div>

Y llamar a este componente livewire desde nuestra vista resources\views\welcome.blade.php:


 <livewire:contador>

programando-laravel