🔍
ミームを検索できるサイトを作った
Xで見かけた投稿に非常に共感し、その課題を解決するサービスを作成しました。
作成したサービス
まず結論からお伝えすると、今回作成したサービスはこちらです。
既存の問題点
Xを眺めていると、「ミームに共通の検索ワードがないため、見つけにくい」という問題がありました。私自身も、好きなミームの情報が散在していて一括で見ることができず、不便さを感じていました。
そしてこれは私だけでなく、多くの人が同じ不満を感じていると知り、「ミームをまとめて検索・閲覧できるサービス」を作ることにしました。
以下は、同じような問題意識を持った方々の投稿です：
サービス概要
アカウント登録・ログイン機能
作成画面
ミーム枠
ミーム枠のミーム一覧
設定画面など
ページ構造
app
├── (auth)
│ ├── forgot-password
│ ├── reset-password
│ ├── sign-in
│ └── sign-up
├── create
│ ├── [id]
│ └── frame
├── likes
│ ├── frame
│ └── meme
├── memes
│ └── [id]
│ └── [meme]
├── my
│ ├── frame
│ └── meme
├── settings
└── page
使用技術
- Next.js
- Supabase DataBase
- Supabase Auth（ログイン機能）
- Supabase Stroge（画像のアップロード先）
- Cloudflare Pages（Webサーバー）
- Cloudflare Domains（メールやWebサーバー用の管理）
- Resend（STMPサーバー）
制作背景と開発環境
このアプリは早めに作りリリースしたほうが使って頂ける方が多くなるのではないかと思い、2日間で作成しました。
ChatGPTとClaudeAIを併用することで、爆速開発が可能となりました。
また、認証やDBなどをSupabaseに統一することで、開発を大幅に簡略化しました。
さらに、「Supabase × Next.js」のテンプレートをベースに編集することで、初期構築のハードルも下げることができました。
Discussion