Tag: Tech

  • Firebase Authentication Remix SSR (React)

    Firebase Authentication Remix SSR (React)

    —

    by

    Gabriel JC
    in , , , ,

    原本以為 Firebase SDK 應該很直覺可以上手，但因為真是有些太豐富了，所以我研究了兩天終於處理好使用者驗證的部分，小小做個筆記，也希望可以幫助到需要的人類。 Reference: https://firebase.google.com/docs/auth/web/start、https://firebase.google.com/docs/auth/admin 結論 先說，因為 Firebase SDKs 真的很豐富，所以如果你是使用 SSR 如 Remix，真的需要點時間上手，我光是思考流程跟研究如何使用就兩天了，而且文件雖然有互相參照但還是不太清楚，以及網路上資訊相對比較少，感覺這個時間拿去學 Passport + JWT 都超夠用。 因為我是製作 SPA，主要會用 Firebase Web SDK 以及 Admin…

  • 2024 域名註冊商比較：Namecheap / IONOS / GoDaddy

    2024 域名註冊商比較：Namecheap / IONOS / GoDaddy

    —

    by

    Gabriel JC
    in

    探索 2024 年最佳域名註冊商：Namecheap / IONOS / GoDaddy 全面比較，從價格、服務到附加功能，幫助你選擇最適合你需求的網域註冊平台。 Reference: https://www.namecheap.com、https://www.ionos.com、https://tw.godaddy.com 2024 我用過 Namecheap、IONOS、GoDaddy 因為前幾天我的少數註冊在 IONOS 的網域過期，而且註冊商的會員管理方法比較特別，所以體驗了一連串客服，還順便比較了各個服務商，這邊紀錄下來提供有同樣困擾、好奇心的人類參考。 我主要網域註冊商是 Namecheap，另外因為 IONOS 有提供一年 $1 的優惠，所以也體驗過，然後 GoDaddy 的話是因為廣告打很多，應該是台灣國內知名度較高的，所以列入當作基礎比較。 這三個的話根據…

  • Integrating Excalidraw with Remix React

    Integrating Excalidraw with Remix React

    —

    by

    Gabriel JC
    in , ,

    Excalidraw is a famous Client Side whiteboard tool to make you easy sketch with handwriting style, widely adopted by Developers and Designers. Reference: https://docs.excalidraw.com/docs、https://excalidraw.com、https://github.com/remix-run/remix/discussions/8877 What…

  • Resend 免費 SMTP 三分鐘內讓你的 APP 寄出 Email

    Resend 免費 SMTP 三分鐘內讓你的 APP 寄出 Email

    —

    by

    Gabriel JC
    in , , , ,

    Resend 是 YC 2023 的一個項目，他注重開發者體驗，讓程式開發及 Email API 合而為一，而且每個月提供 3,000（每日 100）封免費 Email！設定也非常簡單易懂。這篇會使用 Remix (React) 示範。 Reference: https://resend.com/、https://react.email Why Resend 這個真的是嚇爆，之前在思考我是否應該自架郵件伺服器，甚至去研究了 Postfix，結果不知道為什麼當初沒有找到的 Resend 重新出現在我眼前。 雖然主打程式開發，但其實一般人也能直接使用哦！就像其他的 SMTP 平台一樣。…

  • 部署流程自動化 GitHub CD w/ Flask & Deploy Keys

    部署流程自動化 GitHub CD w/ Flask & Deploy Keys

    —

    by

    Gabriel JC
    in , , ,

    每次寫完程式碼 Push 上 GitHub 後，就要手動部署一次（我是部署在 GCP），所以今天來處理 CD (Continuous Deployment) 的部分，使用 GitHub Webhhok 到我的 Server，使用 Flask 接收並執行 Bash Script。 Reference: https://docs.github.com/en/authentication/connecting-to-github-with-ssh/managing-deploy-keys#set-up-deploy-keys 簡單說明達成 CD 的邏輯 這篇適合已經熟悉 Nginx…

  • 直接從 Artifact Registry Pull Docker Hub

    直接從 Artifact Registry Pull Docker Hub

    —

    by

    Gabriel JC
    in , ,

    如果是沿著網路資訊學習 Container 跟 Docker 的話，應該有八成第一次 Push Image 就是到 Docker Hub，今天就要記錄從 Google Artifact Registry (GAR) 直接 Pull Docker Hub，雖然直接使用 gcloud CLI Push 到 GAR 也不慢就是了。 Reference:…

  • Deploy Docker Compose on Azure Failed

    Deploy Docker Compose on Azure Failed

    —

    by

    Gabriel JC
    in , , ,

    This is a relatively easy post to record the steps to deploy docker images with docker compose. Reference: Snap install Docker、Manage Docker as Non Root…

  • docker-compose 一次建立多個 Container

    docker-compose 一次建立多個 Container

    —

    by

    Gabriel JC
    in , , ,

    當一次運行多個 Container 時，這個 docker-compose 就派上用場了，他可以在一個文件中定義多個 container，不論是從當前的相對目錄裡面的 Dockerfile build image，還是直接從 repository pull image 然後放在一起跑。 定義你的 Dockerfile Dockerfile，建議在瀏覽前先知道設定單一 Container 怎麼做，看這篇：Docker container intro。 這個部分很簡單，但先有一個從你的程式資料夾複製到 image 資料夾的概念，你可以整包 COPY .…