[WIP]Next.jsとFirebaseによる実用Webアプリ開発
無料で読める本
この本は執筆途中ですが著者のリソース問題で更新を断念しました。このままお蔵入りさせるのも忍びないので途中までですが公開することにしました。ご留意の上適宜参照してください。また、Tailwind CSSなど古いバージョンに基づいているのでその点もご留意の上ご参照ください。
Chapters
まえがき
事前準備
技術スタックとアーキテクチャ
Next.jsとTailwind CSSの環境構築
Firebaseプロジェクトを作成する
Next.jsにFirebaseを導入する
認証コンテクストを作成する
Firestoreにセキュリティルールを設定する
レイアウトコンポーネントを作成する
ログイン、ログアウト機能を実装する
Webフォントを導入する
アイコンフォント(Heroicons)を導入する
Headless UIを導入する
Tailwind CSSの基礎知識
ヘッダーを実装する
共有できるボタンコンポーネントを作成する
ユーザーメニューを実装する
フッターを実装する
コンテナーのカスタマイズ
認証ガードを実装する
マイページの作成
ユーザーカードの実装
React Hook Form速習
フォームパーツのコンポーネント実装
モーダルの実装
クロッパー(トリミング)の実装
Cloud Storageにセキュリティルールを設定する
ユーザー情報更新(Update)処理の実装
画像アップロード、削除処理
プロフィール編集画面の実装
Author
Topics