Google官方針對Next.js整合到firebase推出的codelabs教學

這幾天照著這個codelabs教學跑了一下，遭遇滿多小問題的，不過拿來當實作得參考程式碼是不錯的。

上圖使用Coplit設計工具生成

https://firebase.google.com/codelabs/firebase-nextjs

上面這篇教學是使用Next.js並推廣firebase app hosting和github整合，當然也沒有缺少AI的部份(Gemini API)，不過所佔篇幅只有一個小節。使用到得服務有:

• Firebase authentication 使用者的Google整合登入
• Firebase storage 儲存上傳圖片
• Firestore 儲存/存取使用者評論與評分等
• Gemini API 
• Cloud Secret Manager 儲存密鑰

這個codelabs值得學習的點就是

1. 各式檔案的目錄功能與儲存位置

2. 各種服務設定方式與規則檔的基本寫法

3. Next.js的App router用法

4. firebase sdk的用法

我遇到最糟糕幾個問題就是

1. 後半部的機器翻譯看不太懂意思

2. 登出/登入或反覆刷新頁面之後發生Fatal Error

   這個相當麻煩，教學上沒有些提到該如何處置，初學者應該只能雙手一攤。

3. 無法使用firebase的local開發模式

   這個我只能修到第一個頁面正常，點擊其他後也只能雙手一攤。

4. 部屬效率很差

   推上github後，建置部屬時間都要等個5分鐘，實在困擾