Hono × Inertia.js ãŒä½œã‚‹æ–°ã—ã„型貫通体験ã«è§¦ã‚Œã¦ã¿ãŸ// サーãƒãƒ¼å´ï¼ˆHono） app.get('/posts/:id', (c) => { const post = findPost(c.req.param('id')) return c.render('Posts/Show', { post }) }) // クライアントå´ï¼ˆReact） export default function Show({ post }: PageProps<'Posts/Show'>) { return <h1>{post.title}</h1> } post ã®åž‹ã¯ Post ã¨ã—ã¦å®Œå…¨ã«æŽ¨è«–ã•ã‚Œã‚‹ã€‚é–“ã« API 定義も DTO ã‚‚ tRPC もスã‚ーマ生æˆã‚‚ãªã„。サーãƒãƒ¼ã§ c.render() ã®ç¬¬2引数ã«æ¸¡ã—ãŸã‚ªãƒ–ジェクトãŒã€ãã®ã¾ã¾ React ã® props ã¨ã—ã¦ã€ã—ã‹ã‚‚完全ã«åž‹ä»˜ãã§å±Šã。 「API ãªã— SPAã€ã‚’謳ㆠInertia.j
ã€Hono + Cloudflare Workers + Supabase】ã§APIを作ã£ã¦CRUDã™ã‚‹
{{#tags}}- {{label}}
{{/tags}}