← Back to Blog

RealWorld.io with Laravel and Inertia.js

January 14, 2025
LaravelInertia.jsVue.jsRealWorldPHP

This is another realworld.io project. The previous one was built with Laravel + HTMX. This time I wanted to try something different. I paired Laravel with Inertia.js to get the developer experience of building a modern SPA without writing a separate API layer.

Inertia.js connects Laravel on the backend with Vue.js on the frontend. I can write controllers and validation the Laravel way, and render pages using Vue components. No API endpoints to maintain separately, no client-side routing to wire up. It just works.

Laravel + Inertia.js and realworld.io

This was created to demonstrate a fully fledged fullstack application built with:

  1. Laravel - the backend
  2. Inertia.js - to glue Laravel with the frontend
  3. Vue 3 - for the UI components
  4. Vite - for frontend tooling and HMR
  5. SQLite - zero-config database
  6. that adheres to the RealWorld specification

Why Inertia.js?

It just for my curiousity because I have built Laravel + HTMX project and to display the capabilities of Inertia.js.

The repository and live example can be accessed below:

Repository
Showcase