Proyecto Descargable: Admin Dashboard + CRUD + Sistema de Autenticación Laravel Jetstream Inertia y Tailwind 2

Información del proyecto descargable

Este proyecto final te ofrece un punto de partida completo con un Admin Dashboard, un sistema CRUD y un sistema de autenticación con Laravel Jetstream Inertia, Vue 3 y Tailwind 2 para tus nuevos proyectos.

Las características que ofrece son las siguientes, todas personalizables:

  • Sistema completo con Jetstream utilizando el stack Inertia y Vue 3.

  • Sistema de login.

  • Sistema de registro.

  • Sistema de recuperación de contraseña.

  • 2FA completo.

  • Sistema de verificación de nuevas cuentas por correo electrónico personalizable.

  • Layout Admin Dashboard con opciones de menú en Sidebar.

  • Personalizable fácilmente utilizando el archivo de configuración Tailwind.

  • Listado con paginación.

  • Formulario de alta y edición con subida de archivos.

  • Validación ServerSide.

  • Detalle de un artículo.

  • Borrado con confirmación utilizando una ventana modal.

Configurar proyecto

Primero debes instalar las dependencias de PHP y JavaScript, para ello, sitúate en el directorio del proyecto y ejecuta lo siguiente:

composer install
npm install 
# entorno de desarrollo
npm run dev
# entorno de producción
npm run prod

Archivo .env

A continuación, actualiza tu archivo .env con tus credenciales de base de datos y servidor de correo electrónico.

Una vez hecho, debes ejecutar las migraciones.

php artisan migrate:fresh

Crea el enlace simbólico al directorio Storage

php artisan storage:link

Personalizar el tema

Este tema utiliza Tailwind 2, toda la configuración utilizada la tienes en el archivo tailwind.config.js, puedes configurar lo que necesites desde ahí.

Personalizar las vistas

El sistema de plantillas utilizado en este tema es Vue, tienes todo el contenido en el directorio resources/js.

Personalizar correos electrónicos

Los correos de recuperación de contraseña y verificación de correo electrónico están disponibles en el directorio app/Notifications, puedes sobrescribirlos a tus necesidades para personalizar los emails enviados en cada proceso.

A continuación tienes un vídeo para ver el resultado final


Cursosdesarrolloweb Cursosdesarrolloweb

Cursosdesarrolloweb es una plataforma educativa con cursos y tutoriales en texto y vídeo.

Términos y condiciones Política de privacidad Formulario de contacto

Copyright 2022 © Todos los derechos reservados.

Contacto