Next.js は素晴らしいフレームワークだ。みんな使ってるし、自分も使っている。 ただ、2つだけ「これはもうしょうがないよね」とみんなが諦めている問題がある。Vercel 以外でまともに動かないことと、ビルドが遅いことだ。 2026年2月24日、Cloudflare が Vinext を発表した。Vite 上に Next.js の API をゼロから再実装したフレームワークだ。既存の app/、pages/、next.config.js がそのまま動いて、ビルドは4倍速、バンドルサイズは57%減。 この記事では Vinext が何をやっているのか、なぜ速いのか、そして本当に使えるのかを...

💾

TanStack Startとは TanStack Startは、TanStack Routerをベースにしたフルスタックフレームワークだ。Vite上で動き、SSR・SSG・SPAすべてに対応する。React向けのフルスタック構成としてはNext.jsが定番だが、TanStack Startはまったく違うアプローチを取っている。 https://tanstack.com/start/latest Next.jsとの一番の違いは思想だ。 Next.js = オートマ車。乗れば走る。でもエンジンの中身は見えない TanStack Start = マニュアル車。全部自分で操作する。だ...

💾

はじめに 最近、バイブコーディングで作ったアプリのセキュリティの脆弱性が度々話題に上がる。 自分も気をつけねば、と思いつつも、仕組みがわかっていなければAIの出力の是非を見極めることなどできないだろう。 ということで今回は、特に認証機能に絞って、あえて全部自分で実装してみる、という取り組みである。 Auth.js を使えばサインアップもログインも関数1つで終わる。その裏側ではどんな処理がなされているのだろうか。わかっていそうで意外とわかっていない領域をのぞいてみる。 この記事でやること Next.js + TypeScript で、Auth.js を使わずに認証を全部自前実装する...

💾

はじめに 「useEffectでデータ取得するのはやめた方がいい」— こんな話を聞いたことはないだろうか。 でも自分はずっと、useEffect + fetch でAPIを叩いていた。中でtry-catchして、useStateにセットして、ローディングもエラーも自分で管理して。チュートリアルで覚えたそのパターンを、特に疑うこともなく使い続けていた。 「やめた方がいいのは分かった。じゃあ何を使えばいいの？」— この記事は、その疑問に対する自分なりの答えを、実際にTanStack Queryに置き換えてみた過程から書いている。 useEffect + fetch で書くとこうなる...

💾