アプリ名 「今日の一皿」

URL

https://once-recipe.vercel.app/

アプリの概要

• アクセスすると楽天レシピAPIから取得したレシピがランダムで表示される
• 次の日になると表示されるレシピが更新される
• １日に１レシピしか表示されない
• ログインすることによってレシピ保存機能が使えるようになり、保存したレシピを見返すことができる

開発背景

自炊をする際にレシピを提供しているサイトを見るが、大量にレシピがあって迷ってしまう。また、自分が作る料理が偏ってしまい料理のレパートリーがあまり増えずにいた。そこで、１日に１レシピのみ表示されるというアプリなら悩みを解決できるのではと思い、開発を始めた。

コンセプト

• つくるレシピがマンネリ化するのを防ぐためにいろいろなレシピとの出会いを提供する
• レシピのレパートリーを増やせる
• １日に１レシピしか表示しないためユーザーを迷わせない

ターゲットユーザー

• 自炊をする人
• なんの料理をつくるか迷っている人

ホーム

ログイン & ログアウト

保存

技術スタック

ER図

成功した点

• 初めてGoogle認証をアプリに組み込むことができた
• Next.jsの機能であるISRを使用してアクセスを高速にすることができた

苦労した点

• Next.jsのキャッシュ機能はまだまだバグが多いらしく、ISRの実装がなかなかうまくいかなかった
• ローカルでは正常に動作するのに、デプロイでエラーが起きたり、本番環境で異常な動作が起きたこと
  • ドキュメントやGitHub、技術記事などを見て、最終的には自己解決できた

改善したい点

• ISRで実装はしたが、１日たっても表示されるレシピが変更されないことがある
• UIをモバイルファーストで作成したため、PCサイズなどはレイアウトが少し崩れてしまう
• ローティングスケルトンがうまく作れず、レイアウトシフトが起こる