ステータスページをつくった
muute は面白く、内省は捗るのだけどカテゴリふりがダルくて腰が重くなりがちなので、もうちょいインスタントなものがほしかった
機能はすごく絞って、pplog や fleet みたいな感じで最新1件が表示されるだけにした
使ってる技術は
Next.js + Tailwind
Vercel + Supabase
Sveltekit が気になってたので、そっちでやろうとしたがまだ beta でしかもクローズドソースだったので先送りした
Vercel 全乗り構成をやってみたくて(now 以来ご無沙汰だった)Next にした
Vercel は随分と洗練されていて、GitHub と integration 設定したら何も設定しなくても全てがデプロイされた
当然のように PR 毎に環境が作られたりもする
Analytics はなんか設定いるんかなとおもったけど、GUI でポチッとすると勝手に測定が始まって便利
Real Experience Score という独自のスコアリングだが、ベースは Web Vitals っぽい
CSR で返してた時は LCP が悪すぎてスコアが低かったが、ISR に変えたら抜群によくなった
Supabase も前から試したいとおもっていた
素の Postgres としか使ってないが、Firebase の Realtime Database のように subscription 方式でデータを読み出せたり、Auth のようにユーザの認証もできる、オープンソース Firebase を目指してるんだろうか
こちらもコンソールが非常に使いやすくて、特段苦労しなかった
ORM なんか入れようかと思ったが、素の SQL を書くだけにした(SQLインジェクションがある気がするが、一旦忘れる...)
コネクションが増えたりしないかな〜と心配していたが、API 毎に lambda function が分かれているぶんの2つのコネクションだけでいけてるっぽい
前に仕事で ISR やろうとしてめっちゃ苦労したのでだいたいの勘所はわかっていた
[[...slug]].jsx
とダイナミックルーティングをして、gSP x2 を設定するのがミソ
一応、revalidate が走ってるか確認するために generate されたときにタイムスタンプを送るようにした(想定通り動いてる気がする)
Tailwind も仕事で触ってるので可もなく不可もなく
jigsaw(ジグソウ、1991年6月12日-)は日本のプログラマ、会社代表。本名は小林貴也(こばやし たかや)。主にウェブ、フロントエンド領域で活動している。カミング・スーン合同会社の代表社員。