制作目的
PhotoZINE制作コミュニティの活動と写真を届けるWebサイト。Instagramの投稿と保存画像を集約して公開しています。
技術スタック
Nuxt 4 / Vue 3 / Cloudflare Workers / Cloudflare R2
制作内容・工夫した点
写真を中心にした閲覧体験
一覧と拡大表示で同じWebP画像を使い、表示済みの画像を再利用。画面外の画像は遅延読み込みします。
更新と画像配信の仕組み
InstagramとR2からビルド時に投稿・画像を取得し、サイトと同じオリジンから配信。同期に失敗した場合は公開を止め、既存の投稿データを保持します。