28. Kits de inicio: Laravel Breeze y Laravel Jestream

Comentarios:

• 

  Walter hace 4 meses

  📌 Alpine

  Ya sea que instalemos Jetstream o Breeze estaremos usando Alpine que es una librería JS que nos permite agregar interactividad a nuestra web. Cuenta de esto lo da el archivo resources/js/app.js

  import './bootstrap';
  
  import Alpine from 'alpinejs';
  
  window.Alpine = Alpine;
  
  Alpine.start();

   

   

   

• 

  Walter hace 4 meses

  📌 Laravel Jetstream

  Es un paquete más complejo que Breeze (hecho netamente con Blade y Tailwind) ya que al momento de su instalación debemos escoger entre Livewire o Inertia.

  Podemos crear un nuevo proyecto Laravel para luego hacer la instalación del kit de inicio Jetstream:

  laravel new jetstream

  O directamente crear un nuevo proyecto Laravel junto a Jetstream:

  laravel new jetstream --jet

  📌 Instalación

  composer require laravel/jetstream

  Instalar Jetstream con Livewire

  php artisan jetstream:install livewire

  Luego

  npm install
  npm run build

  Teniendo creada la base de datos y configurada en Laravel:

  php artisan migrate

  Abrimos el proyecto en 127.0.0.1:8000 con:

  php artisan serve

  📌 Personalización

  Foto de perfil

  En el archivo de configuración config\jetstream.php descomentamos la línea:

  Feactures::profilePhotos(),

  y vemos dónde se guardarán las imágenes:

  'profile_photo_disk' => 'public',

  Las imágenes se guardan en la ruta /storage/app/public/profile-photos/ pero debemos usar la ruta /public/ para poder acceder a las imágenes, entonces creamos un acceso directo a la carpeta profile-photos de la siguiente manera:

  php artisan storage:link

  Si utilizamos php artisan serve para levantar nuestro servidor tendríamos que configurar el archivo .env con:

  APP_URL=http://127.0.0.1:8000

  En cambio si usamos un servidor virtual configuramos con el nombre que hayamos elegido:

  APP_URL=http://jetstream.test

  En este archivo también deberíamos configurar lo siguiente:

  FILESYSTEM_DISK=public

  Términos y Política de Privacidad

  En el archivo de configuración config\jetstream.php descomentamos la línea:

  Feactures::termsAndPrivacyPolicy(),

  Los cuales se pueden configurar en los archivos resources/markdown/policy.md y resources/markdown/terms.md

   

• 

  Walter hace 4 meses

  📌 Laravel Breeze

  Implementación mínima y simple de todas las funciones de autenticación de Laravel.

  Creamos un nuevo proyecto para probar el kit de inicio Breeze:

  laravel new breeze

  📌Instalación

  composer require laravel/breeze --dev

  Luego

  php artisan breeze:install

  Esto nos crea varios archivos, entre ellos:

  • postcss.config.js
  • tailwind.config.js

  Todas las vistas que se agregan se han diseñado con Tailwind.

  Como Breeze trabaja con sesiones debemos ejecutar la migración para actualizar nuestra base de datos (que ya debemos tener creada y configurada en Laravel):

  php artisan migrate

  Luego, como utilizamos Vite, debemos ejecutar:

  npm install
  npm run dev

   

• 

  Juan Ramos hace 5 meses

  Importante: Antes de ejecutar Jetstream se debe instalar Nodejs.

  Importante: Jetstream solo debe instalarse en nuevas aplicaciones de Laravel. Intentar instalar Jetstream en una aplicación Laravel existente dará como resultado un comportamiento y problemas inesperados.

   

  Ejecutar dentro del directorio del proyecto el comando: composer require laravel/jetstream

  Después requerimos la instalación de livewire con el comando php artisan jetstream:install livewire para finalizar la instalación debemos instalar las dependencias NPM:

  • npm install
  • npm run build
  • php artisan migrate

   

  Es recomendable cambiar en el archivo .env el FILESYSTEM_DISK a “public” para que los archivos cargados sean guardados en esa ruta por default:

  FILESYSTEM_DISK=public

   

  Y agregar tu IP local, mas puerto de conexión en la sección:

  APP_URL=http://xxx.xxx.xx.x:8000

   

  También podemos hacer la instalación de un nuevo proyecto de Laravarel con Jetstream incluido a través de la terminal utilizando el comando: laravel new example --jet

  Mostrar 1 respuestas

• 

  Antonio Hernandez hace 6 meses

  Te felicito, me gusta la forma en la que explicas cada tema, terminando este curso si duda alguna compraré el de Laravel Eloquent de Cero a Experto.

  Mostrar 1 respuestas