Laravel 10 Documentación en Español
  • Bienvenida
  • Reference
    • Prólogo
      • Notas de Lanzamiento
      • Guía de Actualización
    • Primeros Pasos
      • Instalación
      • Configuración
      • Estructura de Directorios
      • Frontend
      • Kits de Inicio
      • Despliegue
    • Conceptos de arquitectura
      • Ciclo de Vida de una Solicitud
      • Contenedor de Servicio
      • Proveedores de Servicios
      • Facades
    • Fundamentos
      • Rutas
      • Middleware
      • Protección CSRF
      • Controladores
      • Solicitudes HTTP
      • Respuestas HTTP
      • Vistas
      • Plantillas de Blade
      • Asset Bundling (Vite)
      • Generación de URLs
      • Sesión HTTP
      • Validación
      • Manejo de Errores
      • Registro (Logging)
Con tecnología de GitBook
En esta página
  • Introducción
  • Laravel Breeze
  • Instalación
  • Breeze & Blade
  • Breeze & React / Vue
  • Breeze & Next.js / API
  • Laravel Jetstream

¿Te fue útil?

  1. Reference
  2. Primeros Pasos

Kits de Inicio

AnteriorFrontendSiguienteDespliegue

Última actualización hace 2 años

¿Te fue útil?

Introducción

Para darte una ventaja en la construcción de tu nueva aplicación Laravel, estamos encantados de ofrecerte kits de autenticación y de inicio de aplicaciones. Estos kits componen automáticamente tu aplicación con las rutas, controladores y vistas que necesitas para registrar y autenticar a los usuarios de tu aplicación.

Aunque le invitamos a utilizar estos kits de inicio, no son obligatorios. Eres libre de crear tu propia aplicación desde cero simplemente instalando una copia nueva de Laravel. De cualquier manera, ¡sabemos que construirás algo genial!

Laravel Breeze

es una implementación mínima y sencilla de todas las de Laravel, incluyendo login, registro, restablecimiento de contraseña, verificación de correo electrónico y confirmación de contraseña. Además, Breeze incluye una sencilla página de "perfil" donde el usuario puede actualizar su nombre, dirección de correo electrónico y contraseña.

La capa de vista por defecto de Laravel Breeze se compone de simples estilizadas con . O, Breeze puede andamiar su aplicación utilizando Vue o React y .

Breeze proporciona un maravilloso punto de partida para comenzar una aplicación Laravel fresca y también es una gran opción para proyectos que planean llevar sus plantillas Blade al siguiente nivel con .

Laravel Bootcamp

Instalación

composer require laravel/breeze --dev

Una vez que Breeze está instalado, puede armar su aplicación utilizando una de las "pilas" Breeze que se discuten en la documentación a continuación.

Breeze & Blade

Después de que Composer haya instalado el paquete Laravel Breeze, puedes ejecutar el comando Artisan breeze:install. Este comando publica las vistas de autenticación, rutas, controladores y otros recursos en tu aplicación. Laravel Breeze publica todo su código en tu aplicación para que tengas control total y visibilidad sobre sus características e implementación.

php artisan breeze:install
 
php artisan migrate
npm install
npm run dev

A continuación, puede navegar a su aplicación /login o /register URLs en su navegador web. Todas las rutas de Breeze se definen en el archivo routes/auth.php.

Modo Dark

Si desea que Breeze incluya soporte para el "modo oscuro" al crear el frontend de su aplicación, simplemente proporcione la directiva --dark al ejecutar el comando breeze:install:

php artisan breeze:install --dark

Breeze & React / Vue

php artisan breeze:install vue
 
# Or...
 
php artisan breeze:install react
 
php artisan migrate
npm install
npm run dev

A continuación, puede navegar a su aplicación /login o /register URLs en su navegador web. Todas las rutas de Breeze se definen en el archivo routes/auth.php.

Renderizado del lado del servidor

php artisan breeze:install vue --ssr
php artisan breeze:install react --ssr

Breeze & Next.js / API

php artisan breeze:install api
 
php artisan migrate

Durante la instalación, Breeze añadirá una variable de entorno FRONTEND_URL al archivo .env de tu aplicación. Esta URL debe ser la URL de su aplicación JavaScript. Normalmente será http://localhost:3000 durante el desarrollo local. Además, debes asegurarte de que tu APP_URL está configurada en http://localhost:8000, que es la URL por defecto utilizada por el comando serve de Artisan.

Implementación de referencia de Next.js

Laravel Jetstream

Mientras que Laravel Breeze proporciona un punto de partida simple y mínimo para la construcción de una aplicación Laravel, Jetstream aumenta esa funcionalidad con características más robustas y pilas de tecnología front-end adicionales. Para los recién llegados a Laravel, se recomienda aprender las cuerdas con Laravel Breeze antes de graduarse a Laravel Jetstream.

Si usted es nuevo en Laravel, no dude en saltar en el . El Laravel Bootcamp te guiará a través de la construcción de tu primera aplicación Laravel usando Breeze. Es una gran manera de conseguir un recorrido por todo lo que Laravel y Breeze tienen que ofrecer.

En primer lugar, debes , configurar tu base de datos y ejecutar tus . Una vez que hayas creado una nueva aplicación Laravel, puedes instalar Laravel Breeze usando Composer:

La "pila" por defecto de Breeze es la pila Blade, que utiliza simples para renderizar el frontend de su aplicación. La pila Blade puede instalarse invocando el comando breeze:install sin otros argumentos adicionales. Una vez instalado el andamiaje de Breeze, también debes compilar los activos del frontend de tu aplicación:

Para obtener más información sobre la compilación de CSS y JavaScript de tu aplicación, consulta la .

Laravel Breeze también ofrece andamiaje React y Vue a través de una implementación frontend . Inertia te permite crear aplicaciones React y Vue modernas y de una sola página utilizando enrutamiento y controladores clásicos del lado del servidor.

Inertia te permite disfrutar de la potencia frontend de React y Vue combinada con la increíble productividad backend de Laravel y la rapidísima compilación . Para usar un stack de Inertia, especifica vue o react como tu stack deseado cuando ejecutes el comando breeze:install de Artisan. Después de instalar el andamiaje de Breeze, también debes compilar los activos frontend de tu aplicación:

Si desea que Breeze sea compatible con , puede proporcionar la opción ssr al invocar el comando breeze:install:

Laravel Breeze también puede crear una API de autenticación que está preparada para autenticar aplicaciones JavaScript modernas como las desarrolladas por , , y otras. Para empezar, especifica la pila api como tu pila deseada cuando ejecutes el comando breeze:install de Artisan:

Finalmente, estás listo para emparejar este backend con el frontend de tu elección. La siguiente implementación de referencia del frontend Breeze está . Este frontend está mantenido por Laravel y contiene la misma interfaz de usuario que los stacks tradicionales Blade e Inertia proporcionados por Breeze.

Jetstream proporciona un andamiaje de aplicaciones 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 de API a través de Laravel Sanctum y gestión de equipos opcional. Jetstream está diseñado utilizando y ofrece la posibilidad de elegir entre o para el frontend.

La documentación completa para instalar Laravel Jetstream se puede encontrar en la .

Laravel Bootcamp
crear una nueva aplicación Laravel
migraciones de base de datos
plantillas Blade
documentación de Vite de Laravel
Inertia
Vite
Inertia SSR
Next
Nuxt
disponible en GitHub
Tailwind CSS
Livewire
Inertia
documentación oficial de Jetstream
Laravel Breeze
características de autenticación
Blade templates
Tailwind CSS
Inertia
Laravel Livewire