Image Galleryサイトを作っています。とりあえず私が自分でアップロードした画像だけをディスプレイすることだけを考えているので使った技術はtypescript nextjs tailwind vercel cloudflare postgresql prismaなどです。
Next 13から使えるようになったserver componentのおかげでコードがよりすっきり書けたり、サーバー側に任意時間キャッシュを貯めておけるので余分な外部データベースへのアクセスを減らせたり便利でした。server componentではどうやってinifinite scrollを実装すればよいのかな。
画像を保存しておくのはどこが良いのか分かりませんでしたがimage optimizationという機能があるcloudflareにしてみました。はじめはAWS S3が良いのかなと考えていましたが、S3は画像に特化しているわけではないので他のサービスにしました。特にcloudflareはvariant機能で分かりやすい
features to add
- Infinite scroll on front page
- toggle images with tags
- データベースと機能を認証ユーザーに対するものへ拡張する。
- 広告を滑り込ませる