intro-Inertia

1-Laravel Jetstream

Laravel + Inertia - ejemplo-app:inertia-sesion

vue- Laravel con Inertia.js-app:TaskList

Comentarios

Publicar un comentario

Entradas más populares de este blog

Laravel + Inertia - ejemplo app:inertia-sesion

  Perfecto! Vamos a construir un ejemplo mínimo y funcional con Laravel + Inertia + Vue 3 . El ejemplo tendrá: Un input para escribir una tarea. Un botón para guardar esa tarea. La tarea se almacenará en sesión (para no complicar con base de datos) y se mostrará debajo. 1. Creación del Proyecto Laravel Primero, creamos un nuevo proyecto Laravel: bash composer create-project laravel/laravel inertia-sesion Accedemos al directorio del proyecto: bash cd inertia-sesion Laravel, al crear un proyecto nuevo, no configura automáticamente una base de datos MySQL o PostgreSQL. El archivo .env que viene por defecto tiene estas líneas: text DB_CONNECTION=sqlite # DB_HOST=127.0.0.1 # DB_PORT=3306 # DB_DATABASE=laravel # DB_USERNAME=root # DB_PASSWORD= Por tanto, si no has modificado esas variables antes de instalar Jetstream, Laravel asume que quieres usar SQLite (un archivo local .sqlite en la carpeta database/ ). 1. Configuración de la Base de Datos Creamos una base de datos para el p...
Leer más

Tareas con Laravel + Inertia + Jetstream-tareas-app

  Tareas con Laravel + Inertia + Jetstream-:tareas-app 📋 Descripción del Proyecto Aplicación ultra simple de tareas: ✅ Agregar una tarea ✅ Ver una tarea guardada ✅ Almacenar en arreglo (sesión) ❌ Sin listas largas, sin editar, sin eliminar 🚀 1. INSTALACIÓN (PASO A PASO) 1.1 Crear proyecto bash # Crear proyecto Laravel 10 (compatible con PHP 8.0+) composer create-project laravel/laravel:^10.0 tareas-app composer create-project laravel/laravel tareas-app cd tareas-app 1.2 Instalar Jetstream con Inertia bash # Instalar Jetstream composer require laravel/jetstream # Instalar Jetstream con Inertia (sin equipos) php artisan jetstream:install inertia 1.3 Instalar dependencias frontend bash # Instalar paquetes NPM npm install # Compilar assets npm run build 1.4 Configurar entorno bash # Crear archivo .env cp .env.example .env copy .env.example .env # Generar clave php artisan key:generate # Configurar base de datos SQLite touch database/database.sqlite type nul ...
Leer más

vue- Laravel con Inertia.js-app:TaskList

 Laravel con Inertia.js Aquí tienes el tutorial completamente corregido, especialmente la parte de rutas y controladores: 📁 ESTRUCTURA DE ARCHIVOS CORREGIDA text 📁 taskList/ 📁 app/ 📁 Http/ 📁 Controllers/ 📄 TareaController.php 📁 resources/ 📁 js/ 📁 Components/ 📄 TaskList.vue 📄 Boton.vue 📁 Pages/ 📄 Tarea.vue 📁 views/ 📁 routes/ 📄 web.php 🎯 RUTAS CORREGIDAS routes/web.php php <?php use App \ Http \ Controllers \ TareaController ; use Illuminate \ Support \ Facades \ Route ; /* |-------------------------------------------------------------------------- | Web Routes |-------------------------------------------------------------------------- */ Route :: get ( '/' , function ( ) { return inertia ( 'Welcome' ) ; } ) ; // ✅ RUTAS CORREGIDAS PARA TAREAS Route :: get ( '/tareas' , [ TareaController :: class , 'index' ...
Leer más