Vue.js 3 + Laravel 11 API + Vite: SPA CRUD

Install Laravel + Vue: First Vue Component

9 min read

npm run dev: Re-Compiling JS and Tailwind

5 min read

Table Data from API: v-for and axios.get()

6 min read

Load Data with Vue 3 Composition API

3 min read

Eloquent API Resources to Transform Fields

2 min read

Pagination with External Vue Package

3 min read

Category: API Resource with Relationship

3 min read

Category Dropdown: Second Composable

3 min read

Category Dropdown: Filtering Data

3 min read

Sorting Data by Clicking Column Headings

7 min read

Routing: Nav Links and Posts Create Page

7 min read

Vue Route Names and Separate File

3 min read

Vue Routes: Meta Title in Global Layout

2 min read

Post Create Form & Category Dropdown

8 min read

Validation Errors: Catch and Show Them

4 min read

Processing Form: Loading Indicator

3 min read

File Upload Example

4 min read

Post Edit Form: Route with Parameter

7 min read

SweetAlert for Notifications

2 min read

Delete Post with Confirmation Modal

4 min read

Extra Table Filters: Column and Global

11 min read

Two Layouts: Authenticated and Guest

3 min read

Login Form and First Authentication

5 min read

Login Cleanup and Laravel Sanctum

4 min read

Show User Data and Logout

8 min read

Permissions, Roles, Gates: Back-End

5 min read

Permissions Front-end: Vue CASL & v-if

6 min read