Cápsula Laravel #2 – Instalación de Jetstream

Vamos a conocer una de las nuevas carateristicas de Laravel 8: Jetstream, esta herramienta nos ofrece un potente sistema de Login, entre ellas:

Inicio de sesión
Registro
Verificación de correo electrónico
Autenticación de dos factores
Administración de sesiones

Para instalar Jetstream en nuestros proyectos hacemos lo siguiente:

Abrimos la terminal y nos situamos en nuestro directorio www (en el caso de Wamp).

cd wamp64/www

Creamos el proyecto de la siguiente manera:

laravel new ejemplojet --jet

Se muestra el siguiente mensaje:

Which Jetstream stack do you prefer?
[0] livewire
[1] inertia

Livewire: Trabaja con el motor de plantillas Blade que viene incluido en Laravel.

Inertia: Trabaja con Vue.js

Pulsamos la tecla 0 para trabajar con livewire, se muestra la siguiente pregunta:

Will your application use teams? (yes/no)

Escribimos no. Empezará la creación del proyecto. Algo muy importante: Jetstream únicamente se debe instalar en proyectos nuevos, no en proyectos existentes. Una vez finalizada la instalación ingresamos al directorio del proyecto:

cd ejemplojet

Escribimos el siguiente comando para abrir Visual Studio Code y trabajar desde ese entorno.

code .

En la parte izquierda de Visual Studio Code tenemos la estructura de archivos del proyecto, vamos a buscar el archivo .env en donde encontraremos líneas similares las siguientes:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=ejemplojet
DB_USERNAME=root
DB_PASSWORD=

Lo que haremos ahora es crear una nueva base de datos, para este caso llamada ejemplojet, para esto abriremos phpMyAdmin. Si estás trabajando con Wampserver tienes que abrir el navegador y escribir la siguiente dirección:

http://localhost/phpmyadmin/

En caso de que utilices un nombre diferente a root y trabajes con una contraseña específica deberás escribir en las líneas indicadas dentro del archivo .env

Vamos a utilizar la Terminal de Visual Studio Code, nos situamos en el menú principal, escogemos Terminal > New Terminal.

Escribimos el siguiente comando para realizar una migración:

php artisan migrate

Al dirigirnos a la base de datos usando phpMyAdmin podrán verificar que existen varias tablas creadas que correponden a Jetstream.

Vamos a ejecutar el proyecto con el siguiente comando en la terminal:

php artisan serve

Ahora tenemos instalado el sistema de login y registro de Jetstream, como puedes observar en la imagen se encuentran las opciones en la parte superior derecha.

Puedes hacer pruebas de registro y logueo para que te familiarices con la herramienta.

EN CASO DE ERRORES:

Un error muy común es cuando deseamos ingresar al enlace de registro o login y nos presenta en pantalla un mensaje de este tipo: «The Mix manifest does not exist.»

Los pasos a seguir para corregir el inconveniente son los siguientes: