28. Kits de inicio: Laravel Breeze y Laravel Jestream
En este capítulo de Laravel, te presentamos dos kits de inicio muy populares para proyectos web en Laravel: Laravel Breeze y Laravel Jetstream. Laravel Breeze es un kit de inicio minimalista que te permite crear rápidamente una aplicación web con autenticación de usuario y vistas básicas. Laravel Jetstream, por otro lado, es un kit de inicio más completo y personalizable que incluye características avanzadas como autenticación de dos factores y soporte para múltiples equipos.
Aprenderás cómo instalar y configurar estos kits de inicio en tu proyecto Laravel, y cómo personalizarlos según las necesidades específicas de tu proyecto. Además, exploraremos las diferencias entre ambos kits de inicio y cuál es el más adecuado para diferentes tipos de proyectos web. Con los conocimientos adquiridos en este capítulo, estarás en una posición sólida para utilizar cualquiera de estos kits de inicio para tus proyectos web en Laravel.
5 comentarios
Inicia sesión para comentar
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
-
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.