Next.js

# Next.js
- コンポーネントには最小限のフックセットを使用する：状態には useState、副作用には useEffect、メモ化されたハンドラーには useCallback、計算された値には useMemo。信頼度：0.85
- page.tsx をクライアントコンポーネントにしない。すべてのクライアントサイドロジックは /components 配下のコンポーネントに配置し、page.tsx はサーバーコンポーネントのままにする。信頼度：0.85
- クライアントサイドの状態を永続化する際は、localStorage を使用して遅延初期化を行う。信頼度：0.85
- 安定した非リアクティブな状態には常に useRef を使用する。特に...