Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building Modern Monolith Application
Search
Naufal Hakim
January 16, 2025
Technology
0
36
Building Modern Monolith Application
Naufal Hakim
January 16, 2025
Tweet
Share
More Decks by Naufal Hakim
See All by Naufal Hakim
Sempro 101
naotheone
0
11
Other Decks in Technology
See All in Technology
Classmethod AI Talks(CATs) #17 司会進行スライド(2025.02.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol17_2025-02-19
shinyaa31
0
170
エンジニアが加速させるプロダクトディスカバリー 〜最速で価値ある機能を見つける方法〜 / product discovery accelerated by engineers
rince
4
510
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
74k
Two Blades, One Journey: Engineering While Managing
ohbarye
3
680
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
12
3.5k
AIエージェント入門
minorun365
PRO
2
610
The Future of SEO: The Impact of AI on Search
badams
0
250
Cloud Spanner 導入で実現した快適な開発と運用について
colopl
1
990
Reading Code Is Harder Than Writing It
trishagee
2
120
ソフトウェアエンジニアと仕事するときに知っておいたほうが良いこと / Key points for working with software engineers
pinkumohikan
1
130
Raycast Favorites × Script Command で実現するお手軽情報チェック
smasato
1
120
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
27
14k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Embracing the Ebb and Flow
colly
84
4.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
It's Worth the Effort
3n
184
28k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Unsuck your backbone
ammeep
669
57k
Transcript
Workshop Naufal Hakim Building Modern Monolith Application
naufal@jsd:~$ whoami naufal@jsd:~$ > Naufal Hakim hostname > Jenderal Solusi
Digital naufal@jsd:~$ echo $SIDEJOB > Electrical Engineering Student
SPA Single Page Application a web app implementation that loads
only a single web document
SPA vs MPA SPA Modern Fast Great UX Complex Poor
SEO MPA Traditional Slower than SPA Standard UX Simple Good SEO SPA MPA which one will you choose?
SMPA SPA or MPA? SMPA
RILT React Inertia Laravel Tailwind B Bootsrap
Core Concept Component Props State Hook Unopinionated
Core Concept Component “independent and reusable bits of code”
Core Concept Component JSX JavaScript Expression ES6 masih labil, 11?
12? 11/12?
Core Concept Props “Data”
Core Concept State & Hook Data yang dinamis
Laravel is a web application framework with expressive, elegant syntax
Framework sejuta umat Ecosystem Developer Experience
Monolith??? Eitsss kata siapa? PHP??? Lambat dong??
client-side rendered, single-page apps without building an API “Modern Monolith”
Official Adapters Client Side Server Side
How it works XHR/Ajax <Link /> First Request Subsequent Request
With Header : X-Inertia X-Inertia-Version { "component": "Event", "props": { "event": { "id": 1, "title": "Workshop Unsoed" }, "url": "/events/1", "version": "", "encryptHistory": true, "clearHistory": false }
Let’s Code