[WIP]Next.jsとFirebaseによる実用Webアプリ開発

[WIP]Next.jsとFirebaseによる実用Webアプリ開発

01まえがき 02事前準備 03技術スタックとアーキテクチャ 04Next.jsとTailwind CSSの環境構築 05Firebaseプロジェクトを作成する 06Next.jsにFirebaseを導入する 07認証コンテクストを作成する 08Firestoreにセキュリティルールを設定する 09レイアウトコンポーネントを作成する 10ログイン、ログアウト機能を実装する 11Webフォントを導入する 12アイコンフォント（Heroicons）を導入する 13Headless UIを導入する 14Tailwind CSSの基礎知識 15ヘッダーを実装する 16共有できるボタンコンポーネントを作成する 17ユーザーメニューを実装する 18フッターを実装する 19コンテナーのカスタマイズ 20認証ガードを実装する 21マイページの作成 22ユーザーカードの実装 23React Hook Form速習 24フォームパーツのコンポーネント実装 25モーダルの実装 26クロッパー（トリミング）の実装 27Cloud Storageにセキュリティルールを設定する 28ユーザー情報更新（Update）処理の実装 29画像アップロード、削除処理 30プロフィール編集画面の実装

Chapter 02

事前準備

2021.11.24に更新