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

Modularizing Inertia - Laracon India 2025

Avatar for Ryuta Hamasaki Ryuta Hamasaki
March 11, 2025
Technology
0
42

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.
Avatar for Ryuta Hamasaki

Ryuta Hamasaki

March 11, 2025
Tweet

More Decks by Ryuta Hamasaki

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

Other Decks in Technology

See All in Technology
白金鉱業Meetup_Vol.18_AIエージェント時代のUI/UX設計
Avatar for BrainPad brainpadpr
1
270
Notion x ポストモーテムで広げる組織の学び / Notion x Postmortem
Avatar for Isao Shimizu isaoshimizu
1
150
PostgreSQL Log File Mastery: Optimizing Database Performance Through Advanced Log Analysis
Avatar for Shiv Iyer shiviyer007
PRO
1
150
AWSの新機能検証をやる時こそ、Amazon Qでプロンプトエンジニアリングを駆使しよう
Avatar for k-kun duelist2020jp
1
330
AndroidアプリエンジニアもMCPを触ろう
Avatar for Shinnosuke Kugimiya kgmyshin
2
570
Aspire をカスタマイズしよう & Aspire 9.2
Avatar for neno nenonaninu
0
350
30代からでも遅くない！ 内製開発の世界に飛び込み、最前線で戦うLLMアプリ開発エンジニアになろう
Avatar for みのるん minorun365
PRO
16
5k
持続可能なドキュメント運用のリアル: 1年間の成果とこれから
Avatar for akitok akitok_
1
270
Mastraに入門してみた ~AWS CDKを添えて~
Avatar for つくぼし tsukuboshi
0
380
読んで学ぶ Amplify Gen2 / Amplify と CDK の関係を紐解く #jawsug_tokyo
Avatar for Kihara, Takuya tacck
PRO
1
290
3D生成AIのための画像生成
Avatar for 伊藤光祐 kosukeito
2
580
Dataverseの検索列について
Avatar for MiyakeMito miyakemito
1
170

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
52
11k
It's Worth the Effort
Avatar for 3n 3n
184
28k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
276
23k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
205
24k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.5k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
270
27k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k

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