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

    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

    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

    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

    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

    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.