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
hono-remix-adapter使ってみた
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
おがどら
November 19, 2024
380
0
Share
hono-remix-adapter使ってみた
おがどら
November 19, 2024
More Decks by おがどら
See All by おがどら
任意のドメインを破壊
ogadra
0
37
LambdaとSQLiteでシステム構築
ogadra
1
500
Terraformと AWS Lambdaで WebSocket通信
ogadra
1
260
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
Thoughts on Productivity
jonyablonski
76
5.1k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.1k
Un-Boring Meetings
codingconduct
0
260
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
97
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
180
Tell your own story through comics
letsgokoyo
1
890
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Done Done
chrislema
186
16k
Transcript
hono-remix-adapter 使ってみた おがどら
🎉 yusukebe/hono-remix-adapter 🎉 ※ 本日のデモでは、こちらのリリースを適用
作ったサービス https://mogami.live
技術スタック ( インフラ) Cloudflare Workers Service bindings Durable Objects D1
R2
技術スタック ( アプリ) Remix Hono Drizzle shadcn/ui satori
インフラ構成図
Remix のAction / Loader の責務に当てはまらな いものをHono で処理 Durable Objects の呼び出し
WebSocket 接続に必要 別Worker へのリクエスト Service bindings 静的ファイルの配信
Hono とRemix を動かした感想 Pages ではなくWorkers で良かった、と思う Durable Objects はPages では使えない
簡単に同一ドメインでAPI を提供できる 最初は手探りだったが、整ってきている hono-remix-adapter を今日適用した それまでは自前で書いていた これからの発展が楽しみ
hono-remix-adapter の良いと ころ 簡単にHono の上でRemix が動かせた
ここから望むところ Issue 書いたらLT 前日にPR 上がってた🙏🙏 ありがとうございます🙏🙏
今後はここを頑張りたい テストコードを書く Durable Objects / WebSocket のテスト DO がミュータブルなので慣れていない WebSocket
の知見が少ない
まとめ Cloudflare でフルスタックアプリは作れる。 お財布に優しいので、個人開発にオススメ。
ご清聴ありがとうございました Twitter: GitHub: @const_myself ogadra made by reveal.js