2023-05-07
#DailyReports
GW 最終日らしい
そうなんだ
おでかけ
@rokoucha: ついに傘を買った (@ 新宿ミロードロフト in 新宿区, 東京都) https://t.co/rG2L8Qe51F
折り畳み傘を紛失してからずっとビニール傘を使ってたけどついに折り畳み傘を買い直した
@rokoucha: I'm at さがたに in 新宿区, 東京都 https://t.co/LCPkoglToZ
https://pbs.twimg.com/media/FvgCIHgWYAEqG43.jpg
昼飯は蕎麦、とろろがつゆと別添えだったのでどうすればいいか分からなくて1分ぐらい考えこんでしった
@rokoucha: 人めっちゃおるやんけ (@ RAKU SPA 1010 - @gokurakuyu_spa in 千代田区, 東京都) https://t.co/kuUtujOpH7
風呂入りたすぎたので来た、ついでに進捗も出すぞと意気込んでノーパソも持ってきたけどバリ混んでて泣いた
風呂は神、ただ人が多すぎる
Next.js with App Router on Cloudflare Pages Functions をやってみた
Next.js 13.4 がリリースされて App Router が正式版になったしね
しかし、結論としては無理だった
GitHub - cloudflare/next-on-pages: CLI to build and develop Next.js apps for Cloudflare Pages を使ってコードを生成する
ビルトの手順としては
next-on-pages を実行
next-on-pages が vercel build を実行
vercel が npm scripts の build スクリプトを実行
vercel が↑の実行結果を解析して適宜変換し Build Output API に従って出力
next-on-pages が↑で出力された Next.js のコードを Cloudflare Pages Functions で動く形式に変換
となっている
このパイプラインが曲者で、開発体験の悪化を招いている
next-on-pages の watch 機能はファイルを監視して変更があれば vercel build を実行する
vercel build は npm scripts の build スクリプトを実行するので毎回 Next.js のプロダクションビルドが走る
といった感じになっていて、コードを変更する度にフルビルドが走って遅い
便利な道具である NextAuth.js が動かない
まだ Edge runtime サポートが来ていない、v5 で対応するらしいが…
まあこれはまだ許容できるが…
catch-all route が使えない!!!
エーッ
NEXT-652 Next 13 + app/ dir + Edge runtime Catch-all route produces error in dev · Issue #43384 · vercel/next.js · GitHub
とにかく動かない
という感じで、CMS 的な物を作ろうとしていたけど挫折した
でも、App Router の機能は catch-all route 以外は動いてそうだったし、Server Actions も問題なかった
もちろん Route Handlers でも Server Components でも Server Actions でも bindings に触れる
onSubmit のハンドラで Cloudflare D1 を触れる!
とにかく今後に期待、今は Remix を使うのが吉
⬅ 2023-05-08 📅 2023-05-06 ➡