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');

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);

});

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.

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 👀

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

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');
    }

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

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.

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