Vue.js

Data-table using Vue3 Composition API in Laravel 9 app

by

In this tutorial we’ll build a data-table in a Laravel 9 app employing VILT (Vue, Inertia, Laravel, Tailwind) stack while using Composition API of Vue3. The data-table will have the field-based searching capability along with pagination and sorting. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that you are using Linux, … Read more

Laravel – which front to choose?

by

There was time in webapp development when employing Bootstrap and jQuery at frontend were the most favored options. Then there were heavyweight JS frameworks like Angular, React, Vue to handle interactivity and making webapps’ UI reactive – this gave rise to SPA (Single Page Application). SPAs are actually webapps but behave more like desktop applications … Read more

File upload in Laravel 9 app (VILT stack) – Basic tutorial

by

In this tutorial, we’ll implement the basic capability to upload file in Laravel 9 app based on VILT (Vue Inertia Laravel Tailwind) stack. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that you are using Linux, MacOS or WSL on Windows and Node.js, Composer and PHP 8 along with required modules … Read more

File upload in Laravel 9 app (VILT stack) – Advanced tutorial

by

In this tutorial, we’ll create typical Laravel 9 app using VILT (Vue Inertia Laravel Tailwind) stack and alongside we’ll incorporate the capability to upload file which could be attached to an already entered record. The data will be presented in a classic table form with file upload capability for each record and which each file … Read more

Laravel 9 CRUD app using VILT stack

by

In this tutorial we’ll create Laravel 9 CRUD app using VILT (Vue Inertia Laravel Tailwind) stack. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that you are using Linux, MacOS or WSL on Windows and Node.js, Composer and PHP 8 along with required modules i.e bcmatch, sqlite, mbstring, xml, zip, gd, … Read more

Using Vue-Multiselect in Laravel 8 Inertia.js app

by

(Note: This article has been updated with Breeze starter kit in place of Jetstream.) In this tutorial we’ll use vue-multiselect (suadelabs/vue3-multiselect) package to insert searchable select field in a Laravel 8 app using VILT (Vue.js, Inertia.js, Lavarel, Tailwind) stack. Assuming that the composer is installed, enter the following command to create new Laravel 8 project: … Read more