淺談 Web EME API
什麼是 EME？
EME 是簡稱，全名 Encrypted Media Extensions （加密媒體擴充 API），它現在是瀏覽器標準內建的 Web API，讓瀏覽器可以播放受 DRM 保護的影片。使用它的核心目標是讓 HTML5 <video> 支援加密內容，並確保只有合法授權的使用者能夠解碼和播放影片。
要注意的是： EME
HTML
改善網站效能：將 icon 轉為 font 字型
現代網站設計中充滿了各式各樣的 icon，若是自有品牌或產品，設計師更常會為了強化視覺一致性而客製一整套的 icon 圖示。
而從我們工程師的角度來看，icon 本質上就是一種圖片，既然是圖片的一種形式，當 icon 使用量一多，自然就會牽涉到與圖片相同的效能問題。為什麼 icon 太多會影響效能？
為什麼 icon 太多會影響效能？
通常 icon 是以圖片檔案（例如： SVG
Next.js 入門：由 CRA 至 Gatsby 與 Next.js
此文不會講解為什麼 SSR 對 SEO 和 LCP 有幫助的原因
如果不懂 LCP 是什麼，可見 Google 關於 LCP 指標的說明
如果連 SPA 和 SSR 是什麼都不太懂，可以參考 Huli 大大寫的跟著小明一起搞懂技術名詞：MVC、SPA
Next.js 入門：使用 next export 輸出 static file
此篇以 Next.js 11.0.1 版為主，內容僅供參考。
若要使用 Next.js SSG 額外輸出 static HTML，不打算把 SSG 的內容置於 Next.js 的 Node.js Server 上的話，
用 HTML br 替換 ↵ 換行前先想一想
這篇算是一個隨手紀錄，不要輕易用 <br/> 替換換行 ↵，先想想有沒有其他的方式。
起因
前陣子在處理前人的 Legacy code，有個情境是使用者在後台頁面輸入文章，前端把其 show 在前台頁面上。
當然後端會在需顯示的前台頁面 API 將其(字串)發過來，這個字串不包含 HTML 標籤，可能包含換行符號，為了處理這個狀況，