Build a SaaS Application Using Laravel 12+ and Vue.js 3

Create and migrate core models and migrations for users, admins, products, positives, negatives, histories, plans, and subscriptions, including foreign keys, QR codes, and stripe fields, then run Laravel migrations.

Define and implement Laravel 12 model relationships for admin, user, histories, products, positives, negatives, plans, and subscriptions, with fillable fields and accessors for product image and subscription dates.

Create an admin seeder and factory, configure admin model attributes, hash the password, run the seed, and verify the admin appears in the database for subsequent login.

Protect admin routes by creating and registering an admin middleware, using the admin guard to verify login, and redirecting to admin login when unauthenticated.

Protect admin routes with middleware, then build the Laravel dashboard layout with a sidebar and cards for products, positives, negatives, histories, users, plans, subscriptions using data tables and sweet alert.

Learn how to securely log out an admin by submitting a CSF token protected logout form via a click event, routing to the admin.logout route, and returning to the dashboard.

Develop an admin products CRUD in Laravel 12, including index, create, store, and update routes, with image upload and QR code generation merged into product images.

Learn to create, update, and delete products in Laravel 12 by implementing validation rules for unique name, max 255, description, and image with custom admin messages and routes.

Learn to implement create, update, and delete product workflows in a Laravel 12 and Vue.js 3 SaaS app, including image uploads, previews, validation, and QR code generation.

Create, update, and delete positives in a Laravel 12 app by building a dedicated PositiveController, routes, request validation, and views that link positives to products via a product relationship.

Develop a full CRUD workflow for product negatives in Laravel 12, including controller, model, requests, routes, and admin views, mirroring the positives for consistency.

Explore building and managing subscription plans in a Laravel 12 and Vue.js 3 SaaS app, including plan CRUD operations and linking to Stripe price IDs.

Setup api routes in Laravel and build products controller and resource to fetch by id or name, and integrate api tokens in user model; prepare Vue js 3 front end.

Learn to add and protect routes in a Laravel 12 and Vue.js 3 SaaS app by configuring vue-router, lazy-loading views, a home route, and a Pinia store.

Create a product store in Laravel 12 and Vue js 3 using Pinia, with state for products, isloading, and error, and actions to fetch by id or name via axios.