CRUD Laravel 9 Vue 3 con Inertia.js | Vite | Laravel Breeze | Login
With the release of Laravel 9 and Vue 3, there are a lot of exciting new features and improvements to explore. One of the most interesting combinations of technologies is the use of Inertia.js with Vite and Laravel Breeze for creating a powerful CRUD application with a user login system.
What is Inertia.js?
Inertia.js is a library that allows you to create single-page applications using server-side routing and controllers. It allows you to build modern, reactive user interfaces using Vue.js or React while leveraging the power of Laravel’s server-side capabilities. This makes it a great choice for building CRUD applications that require a dynamic user interface.
Using Vite for Frontend Development
Vite is a build tool that focuses on speed and simplicity. It is highly optimized for development and allows you to use modern JavaScript features without the need for a complex build setup. This makes it an excellent choice for building frontend applications with Vue 3 and Inertia.js.
Laravel Breeze for User Authentication
Laravel Breeze is a minimal and lightweight authentication scaffolding for Laravel. It provides the basic functionality for user registration, login, and password reset. It is a great starting point for building a user authentication system and can be easily customized to fit your application’s specific requirements.
Creating a CRUD Application with Inertia.js, Vite, and Laravel Breeze
To create a CRUD application with these technologies, you can start by setting up a new Laravel project with Laravel 9 and installing Vite for frontend development. You can then use Laravel Breeze to set up user authentication and use Inertia.js to create dynamic user interfaces for your CRUD operations.
Conclusion
Combining Laravel 9, Vue 3, Inertia.js, Vite, and Laravel Breeze provides a powerful and efficient way to build CRUD applications with user authentication. This setup allows you to leverage the best of both server-side and client-side capabilities, providing a seamless and modern user experience.
esta muy fuerte la musica
Excelente video, gracias ppr compartir tu conocimiento. Me sirvió un montón.
puedes compartir un link de descarga del código fuente del ejercicio por favor?
Gracias por la explicación , pero si vas a poner música en el video ponla muy baja porque no te entiendes en algunas cosas por la música muy alta :3
Esto esta buenisimo, primero por que es actual, segundo por que explica sencillo facil y rapido y tercero va al grano y no pierde el tiempo. Una unica sugerencia pero en mi caso es por cuestion de gusto supongo, la musica esta algo alta, por lo que afecta un poco el sonido de tu voz pero de resto todo super bien. Gracias por compartir este contenido, tienes un nuevo suscriptor.
-php artisan breeze:install no me tira esas opciones
-que comando usas para levantar el servidor? , cuando hago laravuesong.run no me abre nada
Profe buen video, una pregunta, puedes hacer algo del auth con estas mismas tecnologÃas sin usar paquetes de laravel, pero algo completo como lo hace el paquete.
Oye pero en caso de que quiera usar el método show, para mostrar más detalles de la canción… cómo serÃa?
Sobre que version de laravel esta trabajando?
Tienes algún vÃdeo donde le agregas la paginación?
Hay 4 cosillas que faltaron >
– al abrir el modal, que este el FOCO en el primer textinput ya activo.
– Al guardar, que se limpie solamente y se vaya el FOCO al primer textinput, por aquello de querer agregar 2 o mas canciones.
– Al cerrar el modal / dismiss, ya sea con tecla ESC o click fuera del modal, que se limpien los textboxes (quedan con lo escrito)
– Una animacion "loading" o "procesando" en la tabla, al momento agregar/eliminar
Se puede hacer sin utilizar lo de getElementById ?
tengo un pequeño problema, a la hora de crear el apartado de songs (en mi caso es tipos) el botón no funciona, querÃa comprobar si mandaba al archivo y dando clic derecho y en abrir en otra pagina, me di cuenta que si manda al archivo mas el botón no funciona
ya estaba buscando un video actualizado sobre este tema, en verdad te agradezco el video
Gracias muy buen crud
Sacale la musica de fondo, es altamente estresante.
soy nuevo aprendiendo vue con laravel, estoy siguiendo la creacion de un crud, me tope con un error que no he podido resolver. Estoy en el minuto 16 y me aparece [Vue warn]: Failed to resolve component: Authenticatedlayout en el navegador, al inpeccionar el codigo, y no me aparece nada al seleccionar la pestaña song
Ideal que pueda compartir codigo para poder corregir el error
saludos
ojalá puedas compartir el repo, gracias!