認識 Serverless 技術

Serverless，如同字面意思一樣，即是「無伺服器運算」。從使用者的角度出發，使用 Serverless 方案可減少物理伺服器的維護問題，降低維護成本。

以 Serverless 方案重寫

在幾個月前，我已經厭倦掛載在 VPS 的網站。為了更降低日常的支出，我決定使用一個更低成本的方案進行。

經過一輪的技術選型之後，我決定採用 Gatsby 進行處理。

數據來源

Notion 具備優越的編輯體驗，可輕鬆編寫出排版優秀的文章內容。以及編輯器使用起來體驗良好。所以我本次使用了 Notion 作為數據來源。

透過 gatsby-source-custom-api 插件以及 notion-api-worker（https://github.com/splitbee/notion-api-worker）兩者搭配，即可使用 Notion 作為數據來源。

GraphQL

Gatsby 的魅力在於 GraphQL 的支援。透過 GraphQL 可任意地訪問內容。

const data = useStaticQuery(graphql`
    query ListQuery {
      allCase {
        edges {
          node {
            id
            name
            role
            type
            coverImage
            backgroundColor
            URL
          }
        }
      }
    }
`);

TypeScript

自從幾年前接觸了 Swift 語言後，我對編譯型語言的好感度一直都很高。TypeScript 作為同樣的編譯型語言，擁有類似 Swift 一樣的良好代碼提示，寫起來的體驗真的很好。