# next.js
16 articles
Next.jsでGA4 APIを使い人気記事ランキングを実装する
Google Analytics 4のData APIをNext.js App Routerから呼び出し、PVベースの人気記事ランキングをISRキャッシュ付きで実装する手順をゼロから解説する。
2026-03-05 · 更新 2026-03-08 · 13 minWordPressからVercelに移行すべき理由
WordPressのセキュリティ・パフォーマンス問題をデータで検証し、Vercel + Next.jsへの移行メリット・コスト・注意点を解説する。
2026-03-05 · 更新 2026-03-08 · 13 minVercel Proで高額請求？Spend Managementの設定を今すぐ確認しろ
Vercel Proの従量課金で予想外の請求が来る原因と、Spend Managementの正しい設定方法。Hobbyプランとの違い、DDoS対策、実際の高額請求事例も紹介。
2026-03-03 · 更新 2026-03-08 · 10 minCoolify+VPSでNext.jsをセルフホストする全手順
Vercelの従量課金が不安なら、月500円のVPSにCoolifyを入れてセルフホスト。インストールからNext.jsデプロイまでの手順を解説する。
2026-03-03 · 更新 2026-03-08 · 11 minNext.js App RouterでSSRが効かない原因と修正
SSRのはずなのに静的になる・キャッシュが効きすぎる。App Routerで起こりがちなSSRトラブルの原因パターンと修正方法を解説。
2026-03-02 · 更新 2026-03-08 · 11 minNext.jsビルド最適化完全ガイド
Next.jsのビルド時間とバンドルサイズを削減する実践的な手法を解説。32blog.comで実際に試した設定と結果をまとめた。
2026-03-02 · 更新 2026-03-08 · 12 minnext-intlでNext.jsを多言語対応する完全ガイド
next-intl v4をApp Routerに組み込む手順を解説。32blog.comで実際に使っているja/en切替の実装を完全公開。
2026-03-02 · 更新 2026-03-08 · 10 minnext-intl多言語対応で踏んだ落とし穴まとめ
32blog.comのnext-intl実装で実際に踏んだ落とし穴と解決策。ミドルウェア設定・動的ルート・SEOまで実例で解説。
2026-03-02 · 更新 2026-03-08 · 10 minNext.js SSR完全ガイド：Server Componentsで変わったこと
App RouterのServer ComponentsでSSRがどう変わったか。データ取得・キャッシュ・ストリーミングの実践パターンを解説。
2026-03-02 · 更新 2026-03-08 · 12 minVercelデプロイエラー完全解決ガイド
VercelへのNext.jsデプロイでよく踏むエラーパターンと解決策を体験ベースで解説。ビルド失敗からFunction Timeout、メモリ不足まで網羅。
2026-03-02 · 更新 2026-03-08 · 14 minReact Server Componentsを完全理解する
RSCの仕組み・Client Componentsとの違い・いつ使うべきかを実例で解説。Next.js App Routerでの実践パターンも紹介。
2026-03-02 · 更新 2026-03-08 · 11 minRSCで「use client」を最小化する設計
React Server Componentsで「use client」を増やしすぎない設計パターンを解説。Island Architecture・Composition Pattern・実践的リファクタリング例。
2026-03-02 · 更新 2026-03-08 · 13 minNext.jsでAICP相当のAdSense狩り対策を作る
WordPressのAICPプラグインに相当するAdSense不正クリック対策をNext.jsで自作する方法。blur+mouseenter検知、Upstash Redis、Discord通知まで完全実装。
2026-03-01 · 更新 2026-03-08 · 12 minNext.js Hydration Errorの完全解決ガイド
コンソールに真っ赤なHydration Errorが出たときの原因パターンと修正方法を完全解説。App Router対応。
2026-02-27 · 更新 2026-03-08 · 18 minClaude Code × Next.js 初期構築を完全自動化する
Next.js + TypeScript + Tailwind + shadcn/ui の初期構築をClaude Codeに任せる手順を解説。CLAUDE.mdの書き方からhooks・カスタムコマンドまで実務で使える設定を公開。
2026-02-26 · 更新 2026-03-08 · 12 minClaude Code × Prisma — スキーマからAPIを自動生成する
PrismaスキーマをClaude Codeに渡すだけでRESTエンドポイント・tRPCルーター・Zodバリデーターを自動生成する手順。Next.js App RouterのRoute Handlersまで一気通貫で解説。
2026-02-26 · 更新 2026-03-08 · 14 min