Next.js 16 Parallel Routes と Intercepting Routes 完全ガイド:モーダル・ダッシュボード実装パターン
Next.js 16のParallel RoutesとIntercepting Routesを実装例で解説。モーダル・ダッシュボード・認証ゲートの設計、default.tsxの404回避まで網羅。
Hannah is a performance-focused frontend engineer with nine years building React applications, the last five exclusively on Next.js. She spent three years at Spotify on the Web Player team optimizing TTI on low-end devices in emerging markets, then two years at a Stockholm-based e-commerce platform where she rebuilt the storefront on App Router and edge runtime, hitting sub-200ms TTFB across European POPs. She currently freelances for DTC brands and SaaS companies that need a Core Web Vitals rescue, and occasionally contributes patches to next/font and the Vercel Speed Insights SDK. She has presented at React Advanced London and React Summit Amsterdam on streaming rendering patterns. Her tutorials are the ones with Lighthouse screenshots and flame graphs, because she doesn't trust benchmarks she can't reproduce. Strong preference for Playwright over Cypress and Vitest over Jest.
Next.js 16のParallel RoutesとIntercepting Routesを実装例で解説。モーダル・ダッシュボード・認証ゲートの設計、default.tsxの404回避まで網羅。
Next.js Server Actions は便利だけど、すべてが公開 API エンドポイントだと知っていますか? CVE-2025-55182 対策から Zod バリデーション、レート制限、next-safe-action まで、本番で安全に運用するためのセキュリティ対策をコード例付きで解説します。