以前、お送りしてきた、以下の、Next.jsとFirebaseの認証・DBを利用した、学習記録アプリのチュートリアル記事シリーズですが、 整理の意味も含め、Zennで書籍化してみました。 今回、新たにUIをshadcn/ […]
これまで、ブログ記事としてお届けしていた、ReactとFirebaseによる学習記録アプリのチュートリアルですが、Zennで書籍化してみました。 以下のような構成です。 やはりパッケージとして一つにまとまると分かりやすい […]
![[Next.js] 学習記録アプリ Firebase認証・DB実装](https://www.bau-haus.com/wp-content/uploads/2024/12/NextjsFirebase.jpg)
前編・後編に渡ってお送りしてきた、Next.jsとFirebaseによる、学習記録アプリ、今回は番外編として、Firebase Admin SDKを活用してみましたので、ご紹介したいと思います。 Firebase Adm […]
CodeSandboxや、StackBlitz など優れたWebブラウザ上でWebアプリケーションを開発できるオンライン開発環境サービスが巷にはありますが、これが真打ちではと感じさせられたのでご紹介します。それが、Goo […]
Next.jsによる学習記録アプリ、Firebase認証・DB実装 の後編です。前編に続き、後編では、DBデータの更新・新規登録・削除機能の実装、ユーザーログイン、サインアップ、パスワード更新・リセット処理の実装、そして […]
Reactのチュートリアルとして、これまで、SupabaseやFirebase連携等、色々なパターンで紹介してきた、学習記録アプリですが、今回は、Next.jsを利用して開発してみましたので、紹介いたします。GitHub […]
Reactのチュートリアル、学習記録アプリ Firebase認証・DB実装の後編となります。前編では、React環境準備と、Firebaseのプロジェクト・認証・DB設定、ログイン機能とDBデータ表示・更新の実装まで行い […]
これまで、Supabaseの活用を中心に、色々と試行してきた、学習記録アプリのチュートリアルですが、今回は、ホスティングのみならず、認証及びDBもFirebaseの機能で実装してみました。そのチュートリアル記事となります […]
Reactのチュートリアル記事です。先日までご紹介した、名刺アプリ Supabase連携（前編・後編）の拡張編と題して、後編までに開発したものを、更にブラッシュアップさせてみたいと思います。具体的には、以下内容です。 こ […]
VSCode (Microsoft Visual Studio Code) 便利ですよね。多くの方が仰るとおり、コードエディターとしては一択と言ってもいいほどの使い勝手の良さ、便利さです。 そんなある時、CSSをVSCo […]
