1. Instalar un entorno local para correr Laravel y una base de datos?

2. Crea un proyecto nuevo

Usa la instrucción laravel new desde una consola y espera que se cree el proyecto

Abre el proyecto en un editor , usaré VS Code

Cambia los datos de conexión del archivo .env

Verifica la migración: auth_service\database\migrations\0001_01_01_000000_create_users_table.php

Si todo está bien ejecuta el comando: php artisan migrate y verifica el modelo User.php

Instala composer require tymon/jwt-auth para JWT

Ejecuta: php artisan vendor:publish –provider=”Tymon\JWTAuth\Providers\LaravelServiceProvider”

Crea la llave: php artisan jwt:secret

En config/auth.php :

Crea un controller: php artisan make:controller AuthController –api

Como trabajaremos con api ejecuta: php artisan install:api

Crea controlador para usuarios: php artisan make:controller UserController –api

Archivo routes/api.php

Archivo routes/web.php

Mira tus rutas: php artisan route:list

2. Crear Front-end

npm create vite@latest

npm install

Evitar errores: npm install tailwindcss postcss autoprefixer

npx tailwindcss init

npm i vue-router

npm i axios

crear archivo .env con la ruta donde está el backend:

dentro de crear un directorio views y router dentro de src

dentro de views crear 3 archivo: LoginView.vue, RegisterView.vue y HomeView.vue

LoginView.vue:

RegisterView.vue:

HomeView.vue

router/index.js:

main.js:

en App.vue trabajar con vue-router:

style.css:

package.json

npm run dev y listo.

Al finalizar ejecutar npm build para generar el directorio build y subir a producción, crea un archivo .htaccess para que las rutas funcionen, este va en la ruta raiz:

Con eso funcionaría:

Autor: Chris Gámez