Next.js / React / TypeScript の実践的なコードサンプル集
実装パターンを段階的にまとめたガイド集。全 6 件。
MDXコンテンツの公開状態を一覧管理し、status変更を安全に行う管理画面を5フェーズで構築する手順。
内部デモ、外部デモ、Build、Playbookを増やすときの役割分担と導線ルール。
固定データから始めて、タスク一覧・詳細・検索・フィルタ・詳細復帰・E2Eまでを5フェーズで組み立てる手順。
Zustand、React Hook Form、Zod、store間同期を、動くPlaygroundとして組み立てる手順。
問い合わせ一覧、検索・フィルタ・ソート、詳細復帰、E2Eまで含めて、実務で使える問い合わせ管理画面を組み立てる手順。
5つのフェーズで検索付き一覧画面を段階的に構築する実装記録。最小表示から始め、フィルタ・URL設計・E2E・ドキュメント化まで一通り仕上げる。Next.js App Router のサーバーコンポーネント中心、フィルタ状態を URL で管理する設計。