Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Modularizing Inertia - Laracon India 2025

Ryuta Hamasaki
March 11, 2025
Technology
0
31

Modularizing Inertia - Laracon India 2025

As your product and team grow, you might reach a point where scaling a monolithic application is challenging due to different functionalities being tightly coupled in the same codebase with no boundaries.

Microservices architecture made waves to solve such problems, however, it would bring its own sets of challenges.

A modular monolith can solve those problems without the drawbacks of microservices. A modular monolith is a system where all the functionalities reside in a single codebase, but strictly enforced boundaries exist between different domains.

This talk explains how to modularize an Inertia Laravel application, where each module contains the end-to-end code (backend and frontend) for a specific business domain. It also touches on a useful package that makes managing modules easier.

Ryuta Hamasaki

March 11, 2025
Tweet

More Decks by Ryuta Hamasaki

See All by Ryuta Hamasaki
普通のエンジニアがLaravelコアチームメンバーになるまで
avosalmon
0
830
Design-First_API_Development.pdf
avosalmon
0
160
Modularising the Monolith - PHP Conference Japan 2022
avosalmon
5
1.9k
Modularising the Monolith - Laracon Online Winter 2022
avosalmon
5
3.9k
Cache busting using Laravel Mix and CDN (Laracon EU Amsterdam 2019)
avosalmon
0
520

Other Decks in Technology

See All in Technology
CBになったのでEKSのこともっと知ってもらいたい！
daitak
1
150
Lightdashの利活用状況 ー導入から2年経った現在地_20250409
hirokiigeta
2
270
.mdc駆動ナレッジマネジメント/.mdc-driven knowledge management
yodakeisuke
24
11k
FinOps_Demo
tkhresk
0
130
「それはhowなんよ〜」のガイドライン #orestudy
77web
9
2.4k
ブラウザのレガシー・独自機能を愛でる-Firefoxの脆弱性4選- / Browser Crash Club #1
masatokinugawa
1
390
はてなの開発20年史と DevOpsの歩み / DevOpsDays Tokyo 2025 Keynote
daiksy
5
1.4k
GitHub MCP Serverを使って Pull Requestを作る、レビューする
hiyokose
2
710
はじめてのSDET / My first challenge as a SDET
bun913
1
190
バックオフィス向け toB SaaS バクラクにおけるレコメンド技術活用 / recommender-systems-in-layerx-bakuraku
yuya4
2
280
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
190
LangfuseでAIエージェントの 可観測性を高めよう！/Enhancing AI Agent Observability with Langfuse!
jnymyk
0
170

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
For a Future-Friendly Web
brad_frost
176
9.7k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.1k
The Cult of Friendly URLs
andyhume
78
6.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390

Transcript

  1. RYUTA HAMASAKI Software Engineer - Laravel Nightwatch @avosalmon

  2. None

  3. One repository One deployment pipeline A single set of infrastructure

    Simple database transactions Easy to debug

  4. No domain boundaries Tight coupling between functionalities Everything is globally

    accessible Hard to onboard
  5. None

  6. Well-de fi ned boundaries between services Teams can work on

    their services without a ff ecting each other Can be deployed and scaled independently When a service is down, you can still use other services

  7. Multiple repositories Multiple deployment pipelines Complex infrastructure Network overhead Complex

    cross-service transactions Hard to debug and test

  8. One repository One deployment pipeline Simple infrastructure Simple database transactions


    
 Well-de fi ned boundaries between features
  9. None
  10. None
  11. None
  12. None

  13. DISCLAIMER Don’t use modular monolith for simple apps and small

    teams

  14. WHO USES MODULAR MONOLITH?

  15. None
  16. None

  17. Trade-o ff s Performance overhead to
 cross-module data fetching Can’t

    be deployed and scaled independently
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None

  25. class BookingPassengerController { public function create(Booking $booking): Response { return

    Inertia::render('passenger/create', [ 'booking' => $booking, ]); } } BookingPassengerController.php (booking module)

  26. class BookingPassengerController { public function create(Booking $booking): Response { return

    Inertia::render('booking::passenger/create', [ 'booking' => $booking, ]); } } BookingPassengerController.php (booking module)

  27. app.tsx createInertiaApp({ title: (title) => `${title} - ${appName}`, resolve: (name)

    => resolvePageComponent( `./pages/${name}.tsx`, import.meta.glob(‘./pages/**/*.tsx') ), setup({ el, App, props }) { const root = createRoot(el); root.render(<App {...props} />); }, }); app.tsx

  28. app.tsx createInertiaApp({ title: (title) => `${title} - ${appName}`, resolve: (name)

    => resolvePageComponent( `./pages/${name}.tsx`, import.meta.glob(‘./pages/**/*.tsx') ), setup({ el, App, props }) { const root = createRoot(el); root.render(<App {...props} />); }, }); app.tsx

  29. app.tsx createInertiaApp({ title: (title) => `${title} - ${appName}`, resolve: (name)

    => { // If `name` is a `module::page`, return the page from the module if (name.includes("::")) { const [module, page] = name.split("::"); return resolvePageComponent( `../../app-modules/${module}/resources/js/pages/${page}.tsx`, import.meta.glob("../../app-modules/*/resources/js/pages/**/*.tsx"), ); } else { return resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob("./pages/**/*.tsx")); } }, }); app.tsx

  30. app.tsx createInertiaApp({ title: (title) => `${title} - ${appName}`, resolve: (name)

    => { // If `name` is a `module::page`, return the page from the module if (name.includes("::")) { const [module, page] = name.split("::"); return resolvePageComponent( `../../app-modules/${module}/resources/js/pages/${page}.tsx`, import.meta.glob("../../app-modules/*/resources/js/pages/**/*.tsx"), ); } else { return resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob("./pages/**/*.tsx")); } }, }); app.tsx

  31. <html> <head> @routes @viteReactRefresh @vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"]) @inertiaHead </head> <body class="font-sans

    antialiased"> @inertia </body> </html> app.blade.php

  32. <html> <head> @routes @viteReactRefresh @vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"]) @inertiaHead </head> <body class="font-sans

    antialiased"> @inertia </body> </html> app.blade.php

  33. <html> <head> @routes @viteReactRefresh @if(str_contains($page['component'], '::')) @php [$module, $path] =

    explode('::', $page['component']); @endphp @vite(['resources/js/app.tsx', "app-modules/{$module}/resources/js/pages/{$path}.tsx"]) @else @vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"]) @endif @inertiaHead </head> <body class="font-sans antialiased"> @inertia </body> </html> app.blade.php

  34. <html> <head> @routes @viteReactRefresh @if(str_contains($page['component'], '::')) @php [$module, $path] =

    explode('::', $page['component']); @endphp @vite(['resources/js/app.tsx', "app-modules/{$module}/resources/js/pages/{$path}.tsx"]) @else @vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"]) @endif @inertiaHead </head> <body class="font-sans antialiased"> @inertia </body> </html> app.blade.php
  35. None
  36. None
  37. None
  38. None