PWAに軽く対応します

写真をpostできるAPIと簡易的なページを実装する

データーベースにダミーデータを注入する

エラーページ

トップページやプロフィールページのギャラリーがもっさりするのを直します。

post（画像）を取ってくるAPIを作ります

• 最新のポストをgetするapi
• 特定のユーザーのポストをgetするapi

/profile/meは自分のプロフィールが見れるページです。ルーティングの関係で必要なので作ります。

ステータスによって写真の裏の表示が変わるような実装をする

supabaseのRowLevelSecurityに対応する。

実際のデータを用いての詳細画面の表示

NextAuthオリジナルではなく，独自のsign in / outページを作成する

フォローボタンの実装

ヒーローセクションの作成

サインインページとサインアウトページの追加

signupページでusernameなどを各アカウントに割り当てるformやAPIを実装する

コメント機能のバックAPIを実装します

followボタンを押した時，optimisticで暫定的にボタンを変えておく

プロフィール画面の作成

環境変数の再見直しをします。

画像のサイズが表裏同じになるように制限したり，アップロード時に画像サイズを制限できるかなどを試してみます。

followの時のredirect先

followのapiを作ります

自分が作ったコンポーネントのファイルの場所を変えます。

ルートページの修正

実際のデータをフェッチして、メインページの画像ギャラリー表示を行う

formを出したりボタンを押したりするときのloadingをつけます

フォローとフォロワーリストの作成

action.tsないの関数の引数の表記方法を間違えていたので，直します。

ユーザー間の関係を定義するenumを作ってfetch apiの戻り値をそれに変更する。

本格的にdb seedします。

フォローとフォロワーリストのデザインの修正

投稿用のモーダルの作成

全体的なエラーの修正

fetch apiでusernameを返さないと，プロフィールページに遷移しないことが発覚したので直します。あとfetchPost（単一）も追加します.

signup pageがとてもお粗末なので，UIを整えていただけると助かります。

unsplash apiを使ってダミーデータをいい感じにします。

• https://unsplash.com/documentation#getting-started
• https://github.com/unsplash/unsplash-js

コンポーネントの命名の規則を統一します

followボタンなどでoptimisticを使って，ボタンの感度をよくします

ローディングページとかスケルトンとか

モーダルが重いから，画像はスケルトンにしてモーダルだけ先に出しちゃう

投稿の詳細画面のモーダルの作成

ヘッダーのデザインの修正

投稿用のページの作成

prismaORMを用いてバック（データベース）の基本構成をつくる

デスクトップ版の写真の表示画面のUIを製作します。

relationshipをかえしてるとfetchに時間がかかってしまい，vercel deploy側からTime outされてしまうので，relationshipを返さないfetch apiを新たに作ります。

apiの応答性を良くするために，prisma schemaを見直します。

Header コンポーネントを作る。サインイン，サインアウトをAPIを用いて実装する。

実際のデータを用いてのプロフィールページの実装