Next.js + Cloudinary 画像管理
Cloudinaryを使った画像アップロードと表示の実装例です。
画像アップロード方法
方法1: Server Action (フォーム)
サーバーサイドで処理、カスタムUI、JavaScriptなしでも動作
方法2: CldUploadButton
最もシンプルなUI、最小限のコード
※ このボタンはCloudinaryアップロード後、userId=1のプロフィール画像を更新します
方法3: CldUploadWidget
高機能なUI、画像編集機能あり
アップロード結果
onUploadSuccess プロパティを通じて親コンポーネントに結果が渡されます
画像ギャラリー
