Author: Gabriel JC

  • 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…

  • 哥倫比亞（一）—交換申請

    哥倫比亞（一）—交換申請

    —

    by

    Gabriel JC
    in , ,

    WHY 哥倫比亞？ 哥倫比亞這個名稱想必大家不會陌生，Sony 旗下的 Columbia Picture、在紐約曼哈頓的 Columbia University、做戶外用品的 Columbia Sportswear，甚至查維基看到美國在建國前是稱 Columbia，還有 Washington D.C. 的 C 也是（哥國首都波哥大也是 D.C. 但是縮寫自 Districto Capital），哦還有紙房子的波哥大，但對於身為國家的哥倫比亞應該是非常陌生，第一印象應該是毒品或咖啡吧？ 咖啡、古柯鹼、文學、音樂、自然 食品方面除了精品手沖咖啡外，這邊應該還是世界上最大的古柯鹼產地；在影視方面除了前幾年很紅的《毒梟》外，迪士尼的《魔法滿屋》也是在說哥倫比亞的故事。 然而在國家文化中最吸引我的不是膚淺的食物，更多是音樂跟文學作品（雖然我並不是真的會研究歌詞或是文句，而且本人語文能力頗拙劣），在這個魔幻的地方除了出了很猛的魔幻寫實作家馬奎斯，就是因為他我才叫 Gabriel；另外我聽的音樂作品也有大部分是出自哥國人之手，Camilo、Morat、Sebastian Yatra、Maluma、J…

  • 三種取得免費 SSL/TLS 的方法 (Free SSL on Linux)

    —

    by

    Gabriel JC
    in , , ,

    SSL/TLS 絕對是自己架設伺服器或是網站會遇到的前幾個大問題，這篇文章整理三個我目前用過免費 SSL 的方法，使用 Apache 網頁伺服器為例。分別是直接上傳買的憑證 SSL/TLS key & crt & fullchain、snap Certbot / bncert-tool、Cloudflare 代理。 reference: https://docs.bitnami.com/aws/how-to/understand-bncert/、https://www.cloudflare.com/zh-tw/、https://certbot.eff.org SSL/TLS 絕對是自己架設伺服器或是網站會遇到的前幾個大問題，這篇文章整理三個我目前用過免費 SSL 的方法，使用 Apache 網頁伺服器為例。分別是直接上傳買的憑證 SSL/TLS…

  • 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…