Cloudflare Pages

Cloudflare 推出了靜態網頁的寄存服務 Cloudflare Pages。

目前 Cloudflare Pages 的功能還有限，還沒與 Cloudflare Workers 做整合，Vercel 和 Netlify 即將面臨強大的競爭。

Automatic Social Share Images

作者幫自己的靜態網站做自動產生網頁預覽圖，主要利用到 Netlify Functions 做邏輯去驅動 Puppeteer 去抓取一個頁面存成圖片，再把圖片放到 Cloudinary。

網頁預覽圖通常用在網址被分享到 FB 或 Twitter 等社交平台時它們的爬蟲會去辨識定義成 Open Graph 的 <meta> 標籤，藉此讓分享的網址有搭配的預覽圖，一般來說網站都要對每篇文章逐一手動的把預覽圖先做好再填入 <meta> 內，上面這篇文章的作者利用前面提到的那些工具讓預覽圖是動態生成的。

Introducing DigitalOcean App Platform

DigitalOcean 推出了自己的 PaaS 服務－DigitalOcean App Platform，目前支援 Python、Node.js、Go、PHP、Ruby，也可以做為前端靜態空間使用，其他尚未支援的語言可以用 Docker 容器的方式跑。佈署的方式可以透過 GitHub Actions，未來也會支援 GitLab 和 BitBucket。費率方案除了只能放靜態檔案的免費方案 Starter 以外，尚有每月五美金起跳的 Basic 方案及每月十二美金起跳的 Professional 方案，如果需要資料庫的話那麼 SaaS 的資料庫另外計費，比較起來，PaaS 的 App Platform 和 IaaS 的 Droplets 只有管理和佈署上的優勢，在成本方面是差不多的，甚至 Droplets 有可能更便宜，小的個人專案可以把資料庫也裝在 Droplets 機台內。

Static Site Hosting for small Websites: Vercel vs. Netlify

Vercel 和 Netlify 都是現在當紅的靜態網站託管服務，兩間也都有提供免費的方案，上面連結的文章比較了兩間免費方案的差異，以及速度的表現，看離台灣最近的東京的數據，不管是 first byte 或 avg. load time 都是 Vercel 樂勝。

	First Byte	Avg. Load Time
Netlify	896 ms	638 ms
Vercel	405 ms	83 ms

不過如果比較的是建置時間的話，那個人感覺是 Netlify 樂勝，在 git push 完後幾秒內 Netlify 就會開始建置，很快就能看到新版上線，而 Vercel 通常要等五到十分鐘才會開始建置，所以我們可以說，Netlify 對開發者較友善？

Everything Released In Version 6… So Far!

Backendless 是個 backend-as-a-service 的服務，提供了一系列 serverless 的後端服務，包括資料庫、快取、serverless function、使用者管理、資料同步、logging、權限管理等 API。最近 Backendless 推出了第六版，除了強化服務的內容外，比較特別的是它們推出了 Backendless Missions，Backendless Missions 是關卡制的任務遊戲，用戶透過任務逐步學習 Backendless 的服務，隨著任務的達成可以獲得 Backendless Bucks，累積的 Backendless Bucks 可以換取 Backendless 的 Springboard 方案。

在 Backendless 的費率表內並沒有傳統的免費方案，而是 Springboard 方案，用戶透過 Backendless Bucks 取得的 Springboard 方案相較於傳統的免費方案，不管是內容或功能都寬裕的多。

從商業的觀點來看，Backendless Missions 和 Springboard 的機制也設計的很好，傳統的免費版換到的可能只是一大堆淺嚐式的殭屍客戶，既沒有忠誠度也沒有轉換率，而 Backendless Mission 和 Springboard 的遊戲化的特性鼓勵那些原本是殭屍的客戶轉換成有效客戶，後續再轉換成付費客戶的機率也就高的多。

Learn How to Accept Money on Jamstack Sites in 38 Minutes

示範如何用靜態頁面 + serverless function + 金流 API 組合技打造簡單的 EC 頁面。靜態頁面空間和 serverless function 都是用 Netlify，金流是用 Stripe。

Slicknode

Slicknode 是架構在 AWS serverless 之上的 headless CMS。

Slicknode 和其它 headless CMS 服務較為不同之處：

• 有提供 CLI，CMS 管理工作由 CLI 和 Web 分工。
• 專案的 model 定義檔儲存在本機，因此可以交給版控管理。

在其它的 headless CMS 服務，model 的定義大多是在 web 端操作，也因此無法受到版控管理。

十一種繞過 CDN 查找真實 IP 的方法

CDN 除了幫我們分散流量，也有隱藏主機真實 IP 的好處，不讓 IP 直接暴露在外可以避免掉一些有針對性的攻擊，但因為凡走過必留下痕跡，在啟用 CDN 前的 DNS 紀錄或 TLS 憑證一旦被紀錄了，那就有可能透過這些舊紀錄來挖出主機的真實 IP，所以比較好的作法是在啟用 CDN 後換一次 IP，或者從架構面思考，改以 serverless 的服務來建構自己的服務，前端也是託管在服務商的靜態空間，這些服務有說 AWS Lambda、Google Cloud Functions、Azure Functions 等等，除了既有的雲服務大廠外，新興的 CloudFlare Workers、Vercel、Netlify 也都是這樣的架構。