1. Instal·lar Laravel

• Assegura't que tens Composer instal·lat (get composer.org).
• Assegura't que tens Node instal·lat (get nodejs.org/en/).
• Instal·la Laravel des de l'instal·lador global:

• composer global require laravel/installer
  
  

• Crea un nou projecte Laravel:

• laravel new nom-del-projecte
  
  

• Accedeix al directori del projecte:

• cd nom-del-projecte
  
  

• Configura el fitxer .env i genera la clau d'aplicació:

• php artisan key:generate
  
  

2. Instal·lar Livewire

• Instal·la Livewire via Composer:

• composer require livewire/livewire
  
  

• Publica els fitxers necessaris:

• php artisan livewire:publish
  
  

• Prova un component Livewire afegint aquest codi a qualsevol vista:

• <livewire:counter />
  
  

3. Instal·lar Preline

• Instal·la Preline amb npm:

• npm install preline --save
  
  

• Configura tailwind.config.js:

• module.exports = {
      content: [
          './resources/**/*.blade.php',
          './resources/**/*.js',
          './resources/**/*.vue',
          './node_modules/preline/dist/*.js',
      ],
      theme: {
          extend: {},
      },
      plugins: [
          require('preline/plugin'),
      ],
  }
  Copiar

• Compila els actius amb Vite o Mix:

• npm run dev
  
  

4. Instal·lar Filament

• Instal·la Filament via Composer:

• composer require filament/filament
  
  

• Publica els fitxers de configuració i actius:

• php artisan filament:install
  
  

• Crea un usuari administrador:

• php artisan make:filament-user
  
  

• Accedeix al panell d'administració a /admin.

5. Verificar el projecte

• Inicia el servidor:

• php artisan serve
  
  

• Accedeix al navegador i verifica:
  • Laravel funciona correctament.
  • Livewire carrega correctament.
  • Preline aplica els estils.
  • Filament està accessible a /admin.

Configuració del Servidor Virtual i Laravel

1. Crear un servidor virtual amb XAMPP

1.1 Modificar el fitxer hosts

• Obre el fitxer hosts amb permisos d'administrador:

• C:\Windows\System32\drivers\etc\hosts
  
  

• Afegeix la línia següent per definir el servidor virtual:

• 127.0.0.1   laravel.test
  
  

1.2 Modificar httpd-vhosts.conf

• Obre el fitxer:

• C:\xampp\apache\conf\extra\httpd-vhosts.conf
  
  

• Afegeix la configuració del servidor virtual:

• <VirtualHost *:80>
      DocumentRoot "C:/xampp/htdocs/laravel-app/public"
      ServerName laravel.test
      <Directory "C:/xampp/htdocs/laravel-app/public">
          Options Indexes FollowSymLinks MultiViews
          AllowOverride All
          Require all granted
      </Directory>
  </VirtualHost>
  Copiar

1.3 Reiniciar Apache

• Obre el panell de control de XAMPP.
• Atura i reinicia el servei Apache.

2. Crear un Layout amb Tailwind i una vista welcome

2.1 Crear el Layout tailwind-app.blade.php

Crea el fitxer a resources/views/layouts/tailwind-app.blade.php:

2.2 Crear la Vista welcome.blade.php

Crea el fitxer a resources/views/welcome.blade.php:

2.3 Configurar la Ruta

Modifica el fitxer routes/web.php:

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('welcome');
});