ドキュメント

• 設計仕様スライド

参考にした記事

Next.js

• 普段使いから始める Next.js
• Next.js ではなぜLinkの中にaタグを入れる？なぜ href を Link に付ける？？

フォルダ構成、規則

• npmとyarnのコマンド早見表
• Reactプロジェクトのファイル・フォルダ構成【Next.js対応】

認証

• Next.js + Firebaseで認証機能実装
• firebase/firebaseui-web-react
• FirebaseUI x Next.js: 日本語対応どうしたらいいの？
• firebaseでOAuth認証するためのリンクを押しても反応しなくなったときの解決策

でざいん

• Next.jsのnext/imageコンポーネントの使い方と注意点
• tailwindcss入門編
• react-icon
• chakra UI dark mode

Git

• 覚えておくと便利な Git コマンド
• alias の設定方法

Bootstrap(今回はtailwindcss採用したからつかうのやめたんご)

• Bootstrap のドキュメント

画像の投稿

• Next.jsのnext/imageコンポーネントの使い方と注意点
• Next.jsの画像最適化を検証してみる
• firestoreとcloudstorageのデータを一緒に削除したい + 保存時のファイル名が被らないようにしたい
• 【Nuxt.js】Firebase Storageに画像アップロード・削除する方法
• コピペで使うFirebase【Cloud Storage編】

画像の表示

• Next.js next/image で外部URLの画像を使いたいときにやること
• mapの中で非同期関数を呼ぶ

いいね機能

• 【Firestore】arrayUnion、arrayRemoveを使って、Firestoreで配列への要素追加（削除）
• firestore で配列の検索・追加・削除がサポートされたので試してみた

firebase設定

• Next.jsとFirebaseで初回ロードでエラーが出る問題の解決

エラーについて

• エラー「Port 3000 is already in use.」の解消法
• 【JavaScript】オブジェクトが未定義だった場合のエラーを回避する方法　？（クエッション・疑問符）
• 【React hooks】"Warning: Can't perform a React state update on an unmounted component."の止め方

CloudFirestoreにおけるデータ構造

NoSQLではRDBとは違ったDB設計を考えなければならない。

• データ構造の選択
• Firestore のサブコレクションを使うべきとき
• Firestoreで条件を絞ってデータを削除する

参照型

• https://blog.mochizuki.moe/entry/2018/09/30/230228