#Introducción
Para darle un impulso inicial en la construcción de su nueva aplicación Laravel, ofrecemos con gusto kits de inicio para autenticación y aplicación. Estos kits generan automáticamente la estructura de su aplicación con las rutas, controladores y vistas necesarias para registrar y autenticar a los usuarios de su aplicación.
Aunque puede usar estos kits de inicio, no son obligatorios. Usted es libre de construir su propia aplicación desde cero simplemente instalando una copia nueva de Laravel. De cualquier manera, sabemos que creará algo excelente.
#Laravel Breeze
Laravel Breeze es una implementación mínima y sencilla de todas las funciones de autenticación de Laravel, incluyendo inicio de sesión, registro, restablecimiento de contraseña, verificación de correo electrónico y confirmación de contraseña. Además, Breeze incluye una página simple de "perfil" donde el usuario puede actualizar su nombre, correo electrónico y contraseña.
La capa de vistas predeterminada de Laravel Breeze está compuesta por simples plantillas Blade estilizadas con Tailwind CSS. Adicionalmente, Breeze ofrece opciones de scaffolding basadas en Livewire o Inertia, con la opción de usar Vue o React para el scaffolding basado en Inertia.
#Laravel Bootcamp
Si es nuevo en Laravel, no dude en comenzar con el Laravel Bootcamp. El Laravel Bootcamp le guiará en la construcción de su primera aplicación Laravel usando Breeze. Es una excelente forma de conocer todo lo que Laravel y Breeze tienen para ofrecer.
#Instalación
Primero, debe crear una nueva aplicación Laravel, configurar su base de datos y ejecutar sus migraciones de base de datos. Una vez creada la nueva aplicación Laravel, puede instalar Laravel Breeze usando Composer:
composer require laravel/breeze --dev
Después de que Composer haya instalado el paquete Laravel Breeze, puede ejecutar el comando Artisan breeze:install. Este comando publica las vistas de autenticación, rutas, controladores y otros recursos en su aplicación. Laravel Breeze publica todo su código en su aplicación para que tenga control total y visibilidad sobre sus funciones e implementación.
El comando breeze:install le preguntará por su stack frontend preferido y el framework de pruebas:
php artisan breeze:install
php artisan migrate
npm install
npm run dev
#Breeze y Blade
El "stack" predeterminado de Breeze es el stack Blade, que utiliza simples plantillas Blade para renderizar el frontend de su aplicación. El stack Blade puede instalarse ejecutando el comando breeze:install sin argumentos adicionales y seleccionando el stack frontend Blade. Después de instalar el scaffolding de Breeze, también debe compilar los assets frontend de su aplicación:
php artisan breeze:install
php artisan migrate
npm install
npm run dev
Luego, puede navegar a las URLs /login o /register de su aplicación en su navegador web. Todas las rutas de Breeze están definidas en el archivo routes/auth.php.
Para aprender más sobre cómo compilar el CSS y JavaScript de su aplicación, consulte la documentación de Vite de Laravel.
#Breeze y Livewire
Laravel Breeze también ofrece scaffolding con Livewire. Livewire es una forma poderosa de construir interfaces frontend dinámicas y reactivas usando solo PHP.
Livewire es ideal para equipos que principalmente usan plantillas Blade y buscan una alternativa más sencilla a frameworks SPA basados en JavaScript como Vue y React.
Para usar el stack Livewire, puede seleccionar el stack frontend Livewire al ejecutar el comando Artisan breeze:install. Después de instalar el scaffolding de Breeze, debe ejecutar sus migraciones de base de datos:
php artisan breeze:install
php artisan migrate
#Breeze y React / Vue
Laravel Breeze también ofrece scaffolding para React y Vue mediante una implementación frontend con Inertia. Inertia le permite construir aplicaciones modernas de una sola página con React y Vue usando routing y controladores clásicos del lado servidor.
Inertia le permite disfrutar del poder frontend de React y Vue combinado con la increíble productividad backend de Laravel y la compilación ultrarrápida de Vite. Para usar un stack Inertia, puede seleccionar los stacks frontend Vue o React al ejecutar el comando breeze:install.
Al seleccionar el stack frontend Vue o React, el instalador de Breeze también le preguntará si desea soporte para Inertia SSR o TypeScript. Después de instalar el scaffolding de Breeze, también debe compilar los assets frontend de su aplicación:
php artisan breeze:install
php artisan migrate
npm install
npm run dev
Luego, puede navegar a las URLs /login o /register de su aplicación en su navegador web. Todas las rutas de Breeze están definidas en el archivo routes/auth.php.
#Breeze y Next.js / API
Laravel Breeze también puede generar un API de autenticación listo para autenticar aplicaciones modernas de JavaScript como las que usan Next, Nuxt y otras. Para comenzar, seleccione el stack API como su stack deseado al ejecutar el comando Artisan breeze:install:
php artisan breeze:install
php artisan migrate
Durante la instalación, Breeze añadirá una variable de entorno FRONTEND_URL al archivo .env de su aplicación. Esta URL debe ser la URL de su aplicación JavaScript. Normalmente será http://localhost:3000 durante el desarrollo local. Además, debe asegurarse de que su APP_URL esté configurada como http://localhost:8000, que es la URL predeterminada usada por el comando Artisan serve.
#Implementación de referencia Next.js
Finalmente, está listo para emparejar este backend con el frontend de su elección. Una implementación de referencia Next del frontend de Breeze está disponible en GitHub. Este frontend es mantenido por Laravel y contiene la misma interfaz de usuario que los stacks tradicionales Blade e Inertia que ofrece Breeze.
#Laravel Jetstream
Mientras que Laravel Breeze ofrece un punto de partida simple y mínimo para construir una aplicación Laravel, Jetstream amplía esa funcionalidad con características más robustas y stacks frontend adicionales. Para quienes son nuevos en Laravel, recomendamos aprender lo básico con Laravel Breeze antes de avanzar a Laravel Jetstream.
Jetstream proporciona un scaffolding de aplicación bellamente diseñado para Laravel e incluye inicio de sesión, registro, verificación de correo electrónico, autenticación de dos factores, gestión de sesiones, soporte API vía Laravel Sanctum y gestión opcional de equipos. Jetstream está diseñado usando Tailwind CSS y ofrece la opción de usar scaffolding frontend basado en Livewire o Inertia.
La documentación completa para instalar Laravel Jetstream se encuentra en la documentación oficial de Jetstream.