Inicio de sesión

Me parece genial que en este curso hayan usado breeze, ya que yo solo había trabajado con jetstream y laravel/ui

En el caso que quieras crear un usuario diferente podemos poner en el seeder algo asi:

        User::create([
            'name' => 'El nombre Del usuario Nuevo',
            'email' => '[email protected]',
            // metodo de encriptacion para la contraseña
            'password' => bcrypt('123456')
        ]);

Para los que le sucede el mismo error por alguna razon en mi caso por que quiza uso laravel 8.xx con una versionde php 7.4x lo sulucione de la siguiente manera:

1. Ubicamos los archivos ( app.blade.php y guest.blade.php) dentro de la carpteta views/layaouts dentro de recursos.

2. Cambiamos el

@vite(['resources/css/app.css', 'resources/js/app.js'])

por

<link rel="stylesheet" href="{{ asset('css/app.css') }}">
 <script src="{{ asset('js/app.js') }}" defer></script>

Y listo. :’)

Yo no tuve necesidad de de ejecutar los comandos de npm installa ni el de npm run dev. Tal vez mi laravel 9 ya los había instalado antes.

en caso que tengan problemas para mostrar el login, ejecuten los comandos en este orden

1. composer require laravel/breeze
2. php artisan breeze:install
3. npm install
4. npm run dev
5. npm run build (este ultimo es sumamente importante)

actualmente automaticamente una vez que le das el command

php artisan breeze:install

se ejectuta el resto.

A partir de Laravel 10, ya no tienes que ejecutar el comando npm run dev… Al ejecutar el npm install queda todo listo y ya puedes ejecutar tu login sin problemas… Ahorro de comandos, que llaman jejeje

Al ejecutar el siguiente comando nos hace un serie de preguntas, en este caso se debe seleccionar **BALDE **y las otras a gusto de cada uno. pero el modo **DARK **fue de todo mi agrado con un color azul oscuro muy bonito y nos ayuda a no fatigarnos la vista…

php artisan breeze:install

Nos arroja estas opciones.

> Which stack would you like to install?
  blade ....................................................0  
  react ....................................................1  
  vue ......................................................2  
  api ......................................................3  
❯ 0

  Would you like to install dark mode support? (yes/no) [no]
❯ yes

  Would you prefer Pest tests instead of PHPUnit? (yes/no) [no]
❯ yes

Que facil implementar un login y register

Yo tenía el error:
Vite manifest not found at: C:\Users\HP\example-app\public/build/manifest.json

En package.json le puse “build”: “vite build”,

“scripts”: {
“dev”: “npm run development”,
“build”: “vite build”,
“development”: “mix”,
“watch”: “mix watch”,
“watch-poll”: “mix watch – --watch-options-poll=1000”,
“hot”: “mix watch --hot”,
“prod”: “npm run production”,
“production”: “mix --production”
},

Aqui tan bien me ayudo a resolverlo
https://stackoverflow.com/questions/72798465/vite-manifest-not-found-at-c-users-hp-example-app-public-build-manifest-json

Mi solucion para que me funcionaran los estilos, fue
eliminar

 @vite(['resources/css/app.css', 'resources/js/app.js'])

Y agregarle a las vistas layouts/app.blade.php y layouts/guest.blade.php

<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script>

Muy buen aporte para entender de manera general Laravel 9

Para los que tengan problemas al momento de ejecutar NPM RUN DEV, la solución para mi fue actualizar la version de NODE

Si a alguien, al ejecutar el comando npm run dev, les aparece este error:

<3 WARNINGS in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 3 warnings> 

Prueben utilizando el siguiente comando:

npm install autoprefixer@10.4.5 --save-exact

A mi me funciono, ya que no me dejaba pasar de este problema, según lo investigado se debe a un paquete de color que ya esta en desuso (color-adjust), la fuente de la fuente donde vi este problema:

https://github.com/twbs/bootstrap/issues/36259

Es un tema complicado que se resuelve con el comando compartido, pero veo que hay muchas formas de resolverlo, sin embargo por como es algo nuevo para mi (y supongo que para muchos) es mejor para no quebrarse la cabeza, pero ayuda a entender como un paquete simple puede causarnos dolores de cabeza…

Otro relacionado con el problema ⬇⬇

mix.webpackConfig({
stats: {
    children: true,
},});

Había trabajado con Laravel/UI pero este otro paquete es nuevo para mi y se ve que también esta muy bien. Me tocara leer un poco más al respecto para entender las diferencias de cual es mejor para implementar en un sistema real.

Para los que usen Laravel 10.

solo necesitan estos dos comandos.

composer require laravel/breeze

php artisan breeze:install

Yo ejecuté el

PHP artisan breeze:install
luego los comandos NPM

Al momento de ingresar a la sección del logien me aparecía con error del comando que se instala solo que es el @vite en el header para el estilo, por ende los agregue de forma manual y me cargo sin problemas.

<!-- Styles -->
<link rel="stylesheet" href="{{ asset('css/app.css') }}">

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

una joyita este curso

npm run build,
ME SALVO

Me sorprendo de todo lo que se puede hacer con Laravel usando muy poco código! No conocía este componente breeze.
Me gustó mucho esta clase!

Creo que ahora laravel breeze ahora usa vite y ejecuta el build sin necesidad que nosotros ejecutemos los comandos de npm.

solo instale breeze y creo dentro de public una carpeta build y dentro creo otra carpeta assets y dentro estan los archivos css y js pero con nombres en digitos

En mi caso tuve que ejecutar:

php artisan cache:clear
php artisan optimize 

Esto para que me reconociera la ruta de /login y otros cambios que no veía como el profesor lo planteaba.