Supabase使ってログイン機能や画像ストレージ機能を追加してみた件

課題内容

ログイン機能であったり、画像をアップロードしたりする機能をWebアプリケーションのバックエンド機能を代行するクラウドサービス（BaaS）を使用して追加。
それからアプリをインターネット上に公開できるようにするため、データベースをローカル環境から外部のサービスに変更する。

Supabase

今回使用したBaas(Supabase)は、手順通りに行うことで重大エラーなどを引き起こさずに無事機能追加することができました✌
ほんの一部の機能を触っただけなのでもっと奥深いことは承知の上、「こんなサービスがあるんやぁ～教わった通りに書いたら出来たぁ～」という感じで、苦手意識を持つことなく体感することができました。

とくに難しかったところ

「再利用できるところは共通化させましょう」ということでコードレビューでたくさんのアドバイスを頂きました！

表面上では問題なく動いていても、ソースコードを見ると似たような記載がアチコチにあったりと行数も多くなっていました🥴

いざ共通化しようとすると、、、、え、何をどうすれば、、、🫥

正直なところ、あまりにも記憶力が悪い自分はhooksの書き方ひとつ毎回確認しないと書けません。
なのでこれまでやってきた内容も一度紙に印刷して、ペンで「ココとココが連携してて、ココは任意の名前で、ココは決まり文句だ」という具合に整理しながら進んできました。

そこで頭に入れながら進めてきた内容が、ここにきて「もっと省略して書けるよ」という段階にきてしまったんです。

むずーーーーーーー！！！！😭😭😭

一回心の中で泣きました。が、これまでの手順なくして省略は無いとポジティブに捉えてGeminiにも助けてもらいながらなんとか走りきることができました。

ちょっと不安材料が多いのでポートフォリオに進む前にいったんまとめようと思います。笑

まぁでもやっとポートフォリオ作成までこれてホンマに嬉しい！！！！！！
ここからが大変やけどがんばる！！！！！！