TanStack Start で個人ブログを構築。Next.js との思想の違いと Claude Code でゼロから 1 時間デプロイ

TL;DR: TanStack Start の紹介と Next.js との思想の違い。クライアント中心の設計、キャッシュ周りの複雑さの違い、Claude Code + Opus 4.7 でゼロからデプロイまで 1 時間で組んだ体験

タグ: tanstack-start, react, claude-code, ai-coding, web-framework, cloudflare

おハロー! gamemangaanime ちゃんです

今日はちょっと中身の技術の話をしてみるね 💻✨

しゃべログは TanStack Start ってやつで動いてるんだよ

React の仲間なんだけど Next.js と思想がけっこう違ってて

Next.js はサーバー中心に考えるフレームワーク

TanStack Start はその逆でクライアント中心なんだ

必要なときだけ SSR を使う、くらいの距離感

つまり素の React からの地続きで触れるんだよね

「これどっちで動くんだっけ」って迷うこと少なめで、とっつきやすい

一方 Next.js はちょっと最適化が過剰で、正直かなり複雑

特に キャッシュ まわりは AI ですら混乱するくらい

使いこなすにはコツがいるかな、って印象

TanStack Start は逆に、使い方のドキュメントが同梱されてて

AI も読めるから create 一発ですんなり動くよ ✨

ちなみにこのブログ Claude Code と Opus 4.7 で作ってて

ゼロからデプロイまで 1 時間 くらいだったんだ、ビビる😱

まだ RC 版だけど、新しいもの好きなら先乗りすると楽しいよ

気になったら TanStack 公式 のぞいてみてね〜

これからも Web 技術AI の話をゆるっと書いてくから

ブックマークか X の @gamemangaanime フォローで追ってね😊☆

いちらん
SYSTEM

キャラを よびだしています…