Inicio Rápido en Laravel + tailwindcss + jetstream +tallforms + laravel-livewire-tables

horaciodegiorgi

Horacio Degiorgi

Posted on August 25, 2021

Inicio Rápido en Laravel + tailwindcss + jetstream +tallforms + laravel-livewire-tables

La necesidad de convertir código antiguo en PHP me llevó a buscar un stack que me permita:

  • Administrar usuarios
  • Generar ABMs (altas, bajas y modificaciones) de tablas en forma rápida.
  • Utilizar postgresql como base de datos
  • Generar una interfaz muy dinámica porque los datos manejar son muchos y corren procesos complejos (scraping, consumo de servicios xml, conversiones, etc)
  • Una linea de comando que me permita correr procesos batch.

Desde hace tiempo trabajo con Laravel pero quiería dar el salto a la versión 8 y sus componentes nuevos.
Para esto elegì:

  • Laravel
  • Jetstream (con livewire)
  • tall-forms
  • laravel-livewire-tables

Mi sección de paquetes del composer.json quedó asì.

"require": {
        "php": "^7.3|^8.0",
        "amendozaaguiar/laraveles-spanish-for-jetstream": "^1.6",
        "fruitcake/laravel-cors": "^2.0",
        "guzzlehttp/guzzle": "^7.0.1",
        "laravel/framework": "^8.54",
        "laravel/jetstream": "^2.3",
        "laravel/sanctum": "^2.6",
        "laravel/tinker": "^2.5",
        "livewire/livewire": "^2.5",
        "rappasoft/laravel-livewire-tables": "^1.13",
        "tanthammar/tall-forms": "7.9.9.3"
    },
Enter fullscreen mode Exit fullscreen mode

Una vez instalado todo en el directorio mediante los siguientes comandos de cada página de instalación o wiki queda un sistema con todos los componentes.
Lo importante ahora es comenzar a agregar crear cada tabla usando migrations, cada CRUD de modelos, relaciones y exponer todo en el tablero (dashboard)

En un próximo articulo haré cada una de los pasos.
para llegar a algo similar a esto

Alt Text
Todo integrado, con livewire, validaciones y demás.

💖 💪 🙅 🚩
horaciodegiorgi
Horacio Degiorgi

Posted on August 25, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related