Jetstream: configuración inicial

Al parecer hubo una actualización de Laravel 8 en donde la vista “welcome.blade.php” fue convertida en un componente de Vue y ya no la podrán encontrar dentro de la carpeta Vue, pero no se preocupen por eso, para seguir el curso pueden crear el archivo index.blade.php dentro de la carpeta “views” y pegar el siguiente código (que es el código que debería de estar dentro de ese archivo, es la vista del index):
.
Código del index.blade.php
.
Cambiando de tema, por si no quedó claro, una ruta de recursos básicamente te crea 7 rutas de manera automágica para que puedas servir todas las rutas que una aplicación web debe tener:
.

1. index: Muestra una lista de los recursos disponibles
2. create: Muestra la vista del formulario para la creación de un nuevo recurso
3. store: Crea un nuevo recurso en la base de datos
4. show: Muestra un recurso en específico
5. edit: Muestra el formulario para editar un recurso
6. update: Edita un recurso en la base de datos
7. destroy: Elimina un recurso

Otra forma para colocar la ruta también puede ser

// En la parte superior
use App\Http\Controllers\PageController;


Route::get('dashboard', [PageController::class, 'dashboard'])
->middleware('auth:sanctum')
->name('dashboard');

Jetstream: configuración inicial

El sistema de Jestream nos dice como vamos a trabajar del lado del front-end.

Por alguna razón en Laravel 8x cambiaron la vista “welcome.blade.php”, y ahora está en la carpeta donde están los componentes de Vue. Para solucionarlo, puedes ir al repo de Github y copiar este archivo.

Hola a todos! Al parecer con laravel 10 (Estoy haciendo este curso en Abril 2023), podemos usar la siguente estructura para seguir el tutorial del profe Italo sin agregar archivos adicionales de blade:

En el archivo web.php encontraran la siguiente informacion:

Route::middleware([
    'auth:sanctum',
    config('jetstream.auth_session'),
    'verified',
])->group(function () {
    Route::get('/dashboard', function () {
        return Inertia::render('Dashboard');
    })->name('dashboard');
});

Unicamente se debera cambiar delante de Route::get de la siguiente forma:

Route::middleware([
    'auth:sanctum',
    config('jetstream.auth_session'),
    'verified',
])->group(function () {
   Route::get('/dashboard', [\App\Http\Controllers\PageController::class, 'dashboard'])
    ->name('dashboard');
});

Con esto dentro del archivo PageController debera ser la misma estructura que muestra el profesor en el video!

Lo pongo porque me revolvia un poco como debia agregarse, espero le sea util a alguien mas!

Pueden ordenar las rutas de esta forma que pondre abajo, así evitan ponerle ->middleware() a todas las rutas.

Route::middleware('auth:sanctum')->group(function () {

    Route::get('dashboard', [PageController::class, 'dashboard'])->name('dashboard');

    Route::resource('notes',NoteController::class);

});

Inertia::render('Dashboard')

👆 tener en cuenta, el nombre del componente es sensible a las mayúsculas y minúsculas, de lo contrario puede aparecer la pantalla en blanco, el error puede ser visto en devtools de su navegador 👀

También se puede usar la página Welcome.vue como index del sitio. Sólo es agregar la ruta en web.php

Route::get('/', [App\Http\Controllers\PageController::class, 'index']);

Y en el controlador PageController el método index:

 public function index()
    {
        //Renderiza Resources/js/Pages/Welcome.vue
        return inertia::render('Welcome');
    }

Asi fue como hice la configuracion del archivo web.php para laravel 9 en abril del 2023

Cuando habilite el servidor me apareció el siguiente error:

En el router fue necesario traer el use de Inertia:

y con eso funciono. Versión de laravel 8.40

Actualmente en laravel 8 ya no es necesario hacer esta configuración mencionada en el video. Ya viene configurada. 😄

Cuando se crea un controlador como “Resource” (recurso) Laravel generará 7 métodos para el controlador especificado, éstos 7 métodos son para realizar operaciones CRUD básicas y mediante formularios.

Estimados, si están llevando recién el curso, hubo cambios en la estructura de los componentes al crear un proyecto laravel 8, en el web.php no borrar la linea require DIR_.’/auth.php’ para que les funcione los formularios de login y register.

<?php

use Illuminate\Support\Facades\Route;

Route::view(’/’,‘index’);

Route::get(‘dashboard’, [App\Http\Controller\PageController::class, ‘dashboard’])
->middleware(‘auth:sanctum’)
->name(‘dashboard’);

require DIR.’/auth.php’;

En mi caso fallo la ejecución de npm usando homestead.
Para solucionarlo pueden ejecutar los comando usando yarn

yarn install

yarn run dev

Es practicamente lo mismo y funciona perfecto