Aplicação amostra usando o splade
Splade fornece uma maneira super fácil de construir aplicativos de página única (SPA) usando modelos Blade padrão, aprimorados com componentes Vue 3 sem renderização. Em essência, você pode escrever seu aplicativo usando a simplicidade do Blade e, além daquela sensação mágica de SPA, você pode aprimorá-lo para torná-lo interativo. Tudo sem nunca sair do Blade.
Abaixo o passo a passo para criar um novo projeto usando o SPLADE
Criar um novo projeto laravel
laravel new example-app
Caso já tenha um projeto criado pule o passo acima
Instalar SPLADE com o composer
composer require protonemedia/laravel-splade
Instalar no Laravel
php artisan splade:install
Fazer uma copia de .env.example
para .env
php artisan key:generate
Crie o banco de dados test_splade
php artisan migrate
Verifique no arquivo DatabaseSeeder.php
se a linha abaixo esta descomentada, para criar uma lista de 10 usuarios ficticios.
\App\Models\User::factory(10)->create();
Execute o seed para popular a tabela users
php artisan db:seed
npm install
Execute o laravel
php artisan serve
Execute o vite
npm run dev