Laravel with Vue.js Workshop is a full-stack course in building web apps with Laravel 13 and Vue 3, from Eloquent, user accounts, REST and GraphQL APIs to single page apps with Vue Router, Pinia and Inertia. It suits PHP developers moving to a framework and anyone who looks after both front end and back end, and you leave with a shopping cart and a blog ready to deploy.
Laravel is a PHP framework that suits everything from small projects to large systems, whether you work alone or in a team, and it was designed from the start to work with Vue.js, either as a single page application calling an API or through Inertia using Laravel's own routing and controllers. Developers who already know some PHP can therefore grow into full-stack developers who handle both the front end and the back end with one toolset.
This course builds web applications with Laravel 13 and Vue 3. Learners install the tools, use routes, controllers, Blade and Vite, design databases with migrations and Eloquent, and build CRUD features with validation, login and user permissions. They create REST and GraphQL APIs, send email through queues and build a real-time dashboard, then write Vue 3, build a single page application with Vue Router and Pinia, and get to know Inertia. The course closes with shopping cart and blog workshops, testing and deployment to production. (5 days, 6 hours per day, 30 hours in total, Intermediate level.)
Course Details
This course is the 2026 edition of the Laravel with Vue.js Workshop. It runs for 5 days, 6 hours per day (30 hours in total, 09:00-16:00), as lectures with labs and workshops. Intermediate level. This edition moves from Laravel 9 to Laravel 13, uses Vue 3.5 with script setup, Vue Router 5 and Pinia, uses Sanctum for APIs and adds Inertia with the Vue starter kit. The real-time topic moves from Firebase
to Laravel's own Reverb, GraphQL is condensed into one section and testing with Pest is added. The shopping cart and blog workshops and the deployment to production remain. The course overlaps in part with Basic Laravel for Beginners and Basic Vue.js 3 but focuses on connecting the two sides. Sending real email and deployment use the learner's own accounts and server. Learners take home a lab guide, source code for every lab and the workshop projects.
Section 1: Lab: Setting Up Tools and Installing Laravel 13
Section 2: Routes and Controllers
Section 3: Blade, Components and Vite
Section 4: Lab: Databases with Migrations and the Query Builder
Section 5: Eloquent ORM
Section 6: Lab: Eloquent Relationships
Section 7: Lab: Forms, Validation and File Uploads
Section 8: Authentication, Middleware and User Permissions
Section 9: Lab: REST APIs with Laravel
Section 10: GraphQL with Lighthouse
Section 11: Email, Queues and External Services
Section 12: Lab: A Real-time Dashboard with Reverb
Section 13: Lab: Getting Started with Vue 3 in Laravel
Section 14: Components and SPAs with Vue Router
Section 15: Lab: Pinia, Composables and Sanctum SPA Authentication
Section 16: Inertia and the Vue Starter Kit
Section 17: Workshop: A Shopping Cart with Vue and Laravel
Section 18: Workshop: A Blog with Laravel
Section 19: Lab: Testing, Git and Code Quality
Section 20: Lab: Deploying to Production
No public rounds are open right now. Join the waiting list and we will contact you first when the next round opens, or ask us on LINE. Or call 02-570-8449 or 088-807-9770
There are two ways. The first is to choose the Vue starter kit when you create the project, which sets up Vue 3, Inertia, TypeScript and Tailwind for you. The second is to install vue and @vitejs/plugin-vue with npm, add the Vue plugin to vite.config.js alongside laravel-vite-plugin, create the app with createApp in resources/js and mount it in a Blade layout that loads the script with @vite. For a single page app, use Vue Router with createWebHistory and add a fallback route in Laravel so every URL returns the same page.
REST splits endpoints by resource and the server decides the shape of each response, so clients may get too much data or need several calls. GraphQL has a single endpoint where the client's query states exactly which fields it wants, fetching related data in one request. Mutations handle creates, updates and deletes, and a schema written in SDL defines the types clearly. In Laravel, the Lighthouse package is a common choice for GraphQL, while REST APIs use API resources together with Sanctum.
Pinia is the state management library recommended for Vue. It holds data that many components share, such as shopping cart items or the logged-in user. You create a store with defineStore, either with state, getters and actions or as a setup store using ref and computed, and use it in any component. When a value changes, every view using that store updates immediately, without passing props down through many layers.
It suits anyone who wants to build web applications covering both the front end and the back end, PHP developers who have not used a framework or want to move to Laravel, and developers who want to add Vue.js to existing systems. You should be able to write basic PHP, have some experience with MySQL or another database and know basic HTML, CSS and JavaScript. Please bring a laptop that can run PHP, Composer and Node.js.
You will be able to build web applications with Laravel 13 using routes, controllers, Blade and Eloquent, add user accounts and permissions, create REST and GraphQL APIs, send email through queues, build a real-time dashboard, create SPAs with Vue 3, Vue Router and Pinia, use Inertia, write tests and deploy to production, with shopping cart and blog projects to build on. Participants who complete the training receive a Certificate of Completion with its own number, which can be verified online.
Yes. It can be run in-house for your team, with the workshops adapted to your work, such as an admin system or membership system your organisation is developing. You can request a quotation from this page, or contact us on LINE @itgenius or by phone on 02-570-8449.
Articles are published in Thai.
Once you can build websites with Laravel, real projects soon need more than CRUD pages: more complex data relationships, reports, search, email, background work that runs through a queue, scheduled tasks, and tests that let you change code with confidence.…
Once you can build a website with Laravel, the next challenge is making it cope with larger, real workloads. Long-running tasks have to move into the background with queues, controllers that keep growing must be split into testable pieces, and the team needs…
Web applications keep getting more complex. Writing everything in plain PHP often leads to duplicated code, no structure the whole team understands, and rebuilding the basics such as login, form validation and security for every project. Laravel is a widely…
