Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Laravel 13 & Vue 3: Full Stack REST API + Inertia.js SPA

via Udemy

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
Master Laravel 13, Vue 3, Inertia.js, Pinia, Sanctum & Tailwind CSS. Build, test & deploy 2 real portfolio projects

What you'll learn:
  • Build and test a scalable RESTful API using Laravel 12 from scratch
  • Create a modern Single Page Application (SPA) using Vue 3, Vue Router, Pinia & Bootstrap 5
  • Implement authentication, authorization, and form validation for your API
  • Use Postman and PHPUnit to test your backend like a pro
  • Structure a fullstack app with clear separation of frontend and backend
  • Build a complete monolith SPA using Laravel 12 + Inertia.js — no API needed!
  • Style your app with Tailwind CSS for a clean and responsive UI
  • Learn how Inertia bridges Laravel and Vue for seamless page transitions
  • Master the differences between API-first vs Monolith SPA architecture
  • Deploy both your backend API and frontend app to a production VPS
  • Understand best practices for real-world Laravel + Vue projects
  • Gain confidence to build and launch apps that are portfolio-ready and client-worthy

Learn Laravel 13 and Vue 3 by building two complete, production-ready full-stack applications — one powered by a REST API, one powered by Inertia.js — then test and deploy them to a live server.

Most tutorials leave you stranded. You finish the video, close the editor, and still have no idea how to build something real on your own. This course is the opposite. From the first lesson, you are writing code that ends up in a finished, deployable application you can show to employers and clients.

What makes this course different

Almost every Laravel + Vue course teaches you one way to connect the two. That leaves a gap in your skillset, because real companies use both approaches. Here you master both architectures, so you can walk into any team and be productive on day one.

The 2 projects you'll build from scratch

Project 1 — API-Based Full Stack Application (styled with Bootstrap 5)
Build a decoupled Laravel 13 REST API handling authentication (Sanctum), validation, database relationships, and resource responses. Then connect it to a completely separate Vue 3 frontend with Vue Router, Pinia state management, and Axios. This is the architecture used by companies running mobile apps and web apps on a single backend.

Project 2 — Monolith SPA with Inertia.js (styled with Tailwind CSS)
Discover why Inertia.js is the fastest-growing way to build Laravel SPAs. You'll get the smooth, no-reload feel of a single page application while keeping Laravel's routing, validation, and authentication — with zero API boilerplate. Ship features in half the time.

What you'll master

  • Laravel 13 — Eloquent ORM, migrations, Form Requests, middleware, policies, and API Resources

  • Vue 3 Composition API — reactive state, components, props, emits, slots, and composables

  • Inertia.js — the modern monolith SPA architecture, shared data, and form helpers

  • Pinia — clean, scalable state management for Vue 3

  • Tailwind CSS — build polished, responsive interfaces without writing custom CSS

  • Authentication & Authorization — Sanctum tokens, session auth, roles and permissions

  • Testing with PHPUnit — feature tests and unit tests that give you confidence to refactor

  • Deployment — get your app live on a real server, not just on localhost

Who this course is for

  • Beginners who know basic PHP and JavaScript and want their first developer job

  • Laravel developers who want to add modern frontend skills and stop relying on Blade alone

  • Vue developers who want a powerful backend to pair with their frontend skills

  • Anyone tired of tutorial hell who wants two finished projects in their portfolio


Enroll with zero risk

You're covered by Udemy's 30-day money-back guarantee. If the course isn't right for you, get a full refund — no questions asked.

Stop watching. Start shipping. Enroll now and build your first portfolio app today.

Syllabus

  • Introduction
  • Setting up our Laravel Development Environment
  • PART 1: Build and Deploy API with Laravel 12, SPA with Vue 3, Vue router & Pinia
  • Build RESTful API with Laravel 12 and PHPUnit
  • Sanctum for API Token Authentication
  • Sanctum for Single Page Application (SPA) Authentication
  • Authorization
  • Getting started with Vue 3
  • Vue 3 Composition API Fundamental
  • Consuming REST API in our Vue.js 3 Application
  • State Management With Pinia
  • Single Page Application with Vue Router
  • Implementing Authentication in Vue 3 Application
  • Deploying Laravel app
  • Deploying Vue js app
  • Advanced feature: Adding Summaries page
  • Advanced feature: Task priorities
  • PART 2: Build Single Page Application with Laravel 12, Vue 3 and Inertia.js
  • Build Monolith SPA with Laravel, Vue, and Inertia
  • Flash message, searching, and sorting
  • Bulk actions
  • PART 3: Build s Stackoverflow clone with Laravel and Vue
  • Build a Stackoverflow clone - Creating Questions Resources
  • Build a Stackoverflow clone - Creating Answers Resource
  • Build a Stackoverflow clone - Adding Vote Control System
  • Code Refactoring & Misc
  • Integrating Vue.js to Stackoverflow clone app
  • Building Markdown Editor Component with Syntax Highlight Support [Optional]
  • RESTful API Development
  • Building Single Page Application
  • Appendix I - Deploy Laravel App in Virtual Private Server (Digital Ocean)

Taught by

Eding Muhamad Saprudin and TutsPrime Online Education

Reviews

4.5 rating at Udemy based on 1327 ratings

Start your review of Laravel 13 & Vue 3: Full Stack REST API + Inertia.js SPA

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.