Next.js の例

データフェッチ

• fetch API の使用
• ORM またはデータベースクライアントの使用
• サーバーでの検索パラメーターの読み取り
• クライアントでの検索パラメーターの読み取り

データの再検証

• ISR を使用して一定時間後にデータを再検証する
• ISR を使用してオンデマンドでデータを再検証する

フォーム

• フォーム送信中に保留状態を表示する
• サーバーサイドのフォーム検証
• 予期されるエラーの処理
• 予期しない例外の処理
• 楽観的な UI アップデートの表示
• プログラムによるフォーム送信

サーバーアクション

• 追加の値を渡す
• データの再検証
• リダイレクト
• クッキーの設定
• クッキーの削除

メタデータ

• RSS フィードの作成
• Open Graph 画像の作成
• サイトマップの作成
• robots.txt ファイルの作成
• カスタム 404 ページの作成
• カスタム 500 ページの作成

認証

• サインアップフォームの作成
• ステートレスなクッキーベースのセッション管理
• ステートフルなデータベースバックのセッション管理
• 認証の管理

テスト

• Vitest
• Jest
• Playwright
• Cypress

デプロイ

• Dockerfileの作成
• 静的エクスポート（SPA）の作成
• セルフホスティング時のキャッシュの設定
• セルフホスティング時の画像最適化の設定