Implementación de Sistema de Autenticación en Laravel con Bootstrap

Clase 12 de 37 • Curso de Introducción a Laravel 6

Resumen

¿Cómo crear un nuevo proyecto con Laravel?

Crear un proyecto en Laravel es el primer paso para empezar a trabajar con sus poderosas herramientas y funcionalidades. En este proceso, comenzaremos desarrollando un sistema de autenticación y registro utilizando un componente especial proporcionado por Laravel, conocido como el sistema Laravel/Jetstream.

Paso a paso para crear el proyecto

Creación del proyecto: Utiliza el siguiente comando en tu terminal para crear un nuevo proyecto llamado highway.
```
laravel new highway
```
Abrir con tu editor de código: Una vez que el proyecto se haya creado correctamente, ábrelo en tu editor de código favorito.
Instalación del componente Jetstream: Con el proyecto abierto, el siguiente paso es instalar el componente Jetstream. Usa Composer con el siguiente comando:
```
composer require laravel/jetstream
```

Configuración del entorno de desarrollo y producción

Entorno de desarrollo: Instala Jetstream en tu ambiente de desarrollo y no de producción.
Transición a producción: Cuando todo esté listo para producción, solo sube el resultado final al servidor, sin las dependencias de desarrollo.

¿Cómo instalar el sistema de autenticación?

Laravel ofrece un sistema sencillo para implementar autenticación en tu aplicación. A través del uso del comando artisan y la opción de Jetstream, podemos integrar un sistema robusto y flexible para manejar el login de usuarios.

Opciones de instalación de autenticación

Existen varios frameworks con los que puedes integrar Jetstream para tu sistema de autenticación, tales como Bootstrap, Vue y Reactive Reach. Aquí te mostraremos cómo:

Instalación inicial:
```
php artisan jetstream:install {stack}
```
Reemplaza {stack} por la opción deseada: inertia o livewire.
Instalación con estilos y autenticación: Si deseas añadir estilos y funcionalidad de autenticación básica, por ejemplo, con Bootstrap:
```
php artisan jetstream:install livewire --teams
```
Verificación de rutas y vistas: Después de ejecutar el comando, verifica que se hayan creado nuevas rutas y vistas mediante los directorios correspondientes y la adición de un controlador de ejemplo.

Ejecución de comandos para completar la instalación

Instalación de dependencias: Usa NPM para instalar las dependencias de front-end necesarias.
```
npm install && npm run dev
```
Publicación de recursos: Los recursos JavaScript y CSS se compilan y se colocan en la carpeta public para su uso en el frontend de tu proyecto.

¿Cuáles son las consideraciones finales?

El uso de Jetstream permite a los desarrolladores ahorrar tiempo y esfuerzos al crear sistemas de autenticación y registro desde cero. Sin embargo, siempre es esencial conocer la existencia de estas herramientas y sus alternativas:

Diferentes stacks: Aprende a usar vite en lugar de mix si JEStream varía el método de compilación.
Componentes base: Si trabajas con frameworks como Vue o Reach dentro de Laravel, Jetstream puede ayudarte a establecer un componente base para la autenticación.

Te animo a explorar diferentes comandos y compartir tus hallazgos o dudas en la sección de comentarios. ¡Nos vemos en la próxima lección para seguir aprendiendo juntos!