Laravel Jetstream

 Laravel Jetstream es un kit de inicio de aplicaciones (application starter kit) oficial y gratuito para Laravel. Está diseñado para proporcionar un punto de partida robusto y con funcionalidades avanzadas para tus nuevos proyectos.

Piénsalo como una base mucho más completa que el típico sistema de autenticación. No solo te da el login y registro, sino que incorpora de serie características que normalmente tendrías que construir desde cero para aplicaciones modernas y complejas.

🚀 Características principales de Jetstream

Jetstream viene con una suite de funcionalidades lista para usar:

  • Autenticación completa: Inicio de sesión, registro, restablecimiento de contraseña y verificación de correo electrónico.

  • Autenticación de Dos Factores (2FA): Añade una capa extra de seguridad a las cuentas de usuario.

  • Gestión de Sesiones: Permite a los usuarios ver y cerrar sesiones activas en otros dispositivos.

  • Gestión de Equipos: Funcionalidad opcional para crear equipos, invitar miembros y asignar roles y permisos. Es ideal para aplicaciones SaaS.

  • Tokens API: Integración con Laravel Sanctum para generar y gestionar tokens de acceso a una API.

  • Gestión de Perfil: Incluye un flujo completo para la actualización de la foto de perfil y la eliminación de la cuenta.

🎨 Stacks disponibles: ¿Livewire o Inertia?

Una de las grandes ventajas de Jetstream es que te permite elegir la tecnología con la que quieres construir tu interfaz de usuario:

  • Livewire + Blade: Ideal si quieres construir interfaces dinámicas y reactivas usando principalmente PHP y las plantillas Blade de Laravel, sin necesidad de ser un experto en JavaScript.

  • Inertia.js + Vue 3: Perfecto si te sientes cómodo con Vue.js y quieres construir una Single Page Application (SPA) con la fluidez de una aplicación moderna, pero manteniendo el enrutamiento y la lógica en el servidor con Laravel. Esta es la opción que usarías junto con Inertia, como vimos en el ejemplo anterior.

🆚 Jetstream vs. Breeze: ¿Cuál elegir?

Para entender mejor Jetstream, es útil compararlo con Laravel Breeze, el otro kit de inicio oficial. La principal diferencia es su enfoque:

CaracterísticaLaravel BreezeLaravel Jetstream
ComplejidadSimple y ligeroAvanzado y con más funcionalidades
FuncionalidadesAutenticación básica (login, registro)2FA, gestión de equipos, tokens API, etc.
Stack de UIBlade, Vue o ReactLivewire o Inertia (Vue 3)
PersonalizaciónMuy fácil, todo el código es tuyoMás compleja, se personaliza mediante "Actions"
Curva de aprendizajeBajaMedia-Alta

En resumen:

  • Usa Breeze si necesitas una base de autenticación rápida, simple y con total control, o si estás empezando a aprender Laravel.

  • Usa Jetstream si tu proyecto requiere funcionalidades empresariales como 2FA, gestión de equipos o una API desde el principio. Es perfecto para aplicaciones SaaS o proyectos grandes.

En definitiva, Laravel Jetstream es una herramienta excepcional para saltar directamente a la programación de las partes complejas de tu aplicación, en lugar de perder tiempo construyendo y probando sistemas de autenticación y gestión de usuarios desde cero

Comentarios

Publicar un comentario

Entradas más populares de este blog

Tareas con Laravel + Inertia + Jetstream

  Tareas con Laravel + Inertia + Jetstream 📋 Descripción del Proyecto Aplicación ultra simple de tareas: ✅ Agregar una tarea ✅ Ver una tarea guardada ✅ Almacenar en arreglo (sesión) ❌ Sin listas largas, sin editar, sin eliminar 🚀 1. INSTALACIÓN (PASO A PASO) 1.1 Crear proyecto bash # Crear proyecto Laravel 10 (compatible con PHP 8.0+) composer create-project laravel/laravel:^10.0 tareas-app composer create-project laravel/laravel tareas-app cd tareas-app 1.2 Instalar Jetstream con Inertia bash # Instalar Jetstream composer require laravel/jetstream # Instalar Jetstream con Inertia (sin equipos) php artisan jetstream:install inertia 1.3 Instalar dependencias frontend bash # Instalar paquetes NPM npm install # Compilar assets npm run build 1.4 Configurar entorno bash # Crear archivo .env cp .env.example .env copy .env.example .env # Generar clave php artisan key:generate # Configurar base de datos SQLite touch database/database.sqlite type nul > databas...
Leer más

HACER CAMBIOS-AL EJEMPLO POR DEFECTO

  Una vez que has configurado tu proyecto con Laravel, Inertia y el Starter Kit elegido, el siguiente paso es entender cómo modificar la página de bienvenida por defecto y empezar a construir tu aplicación. En el ecosistema de Laravel con Inertia, la página de bienvenida ya no es una plantilla Blade tradicional, sino un componente de Vue o React que funciona como el punto de entrada de tu interfaz. Aquí tienes un tutorial paso a paso para hacer tus primeros cambios. 🚀 Entendiendo la Estructura del Proyecto Con el Starter Kit de Laravel (que incluye Vue/React e Inertia), la página de bienvenida que ves al acceder a la raíz de tu proyecto ya no está en resources/views/welcome.blade.php . En su lugar, es un componente de frontend gestionado por Inertia . El punto de entrada del frontend : El archivo resources/js/app.js (o app.ts si usas TypeScript) es donde se configura y arranca la aplicación Inertia . El componente principal : La página de inicio se encuentra en resources/js/Page...
Leer más

Laravel + Inertia - ejemplo

  Perfecto! Vamos a construir un ejemplo mínimo y funcional con Laravel + Inertia + Vue 3 . El ejemplo tendrá: Un input para escribir una tarea. Un botón para guardar esa tarea. La tarea se almacenará en sesión (para no complicar con base de datos) y se mostrará debajo. 1. Estructura de archivos que vamos a tocar text routes/web.php → ruta principal app/Http/Controllers/TareaController.php → controlador resources/js/Pages/Tarea.vue → componente Vue (la vista) 2. Ruta y Controlador routes/web.php php <?php use App \ Http \ Controllers \ TareaController ; use Illuminate \ Support \ Facades \ Route ; Route :: get ( '/tarea' , [ TareaController :: class , 'index' ] ) -> name ( 'tarea.index' ) ; Route :: post ( '/tarea' , [ TareaController :: class , 'store' ] ) -> name ( 'tarea.store' ) ; app/Http/Controllers/TareaController.php php <?php namespace App \ Http \ Controllers ; use Illuminate \ Http \ ...
Leer más